*{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1180px;margin:auto;padding:28px}header{color:#fff;background:#0f172a;border-radius:18px;justify-content:space-between;align-items:start;gap:24px;padding:30px;display:flex}header h1{margin:8px 0;font-size:clamp(28px,5vw,48px)}header p{color:#cbd5e1;max-width:760px}.eyebrow{letter-spacing:.12em;color:#93c5fd;font-size:12px}button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font-weight:700}.primary{color:#fff;background:#2563eb;border-color:#2563eb}.notice{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;margin:16px 0;padding:12px 16px}nav,.exports{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.grid{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}article,section:not(.notice):not(.grid):not(.exports){background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:16px 0;padding:20px}label{margin:11px 0;font-size:13px;font-weight:700;display:block}input,textarea{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:8px;margin-top:6px;padding:10px}textarea{min-height:70px}.cols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checks label{font-weight:500}.checks input{width:auto;margin-right:8px}.drop{background:#f8fafc;border:1px dashed #94a3b8;border-radius:12px;padding:18px}.stats{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px;margin:16px 0;display:grid}.stats b{font-size:24px}.muted{color:#64748b}.cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cards div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.cards span{color:#64748b;font-size:12px;display:block}.cards strong{font-size:20px}.result{background:#ecfdf5;border-left:4px solid #10b981;margin-top:14px;padding:14px}.result.bad{background:#fff7ed;border-color:#f97316}.ex{grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin:10px 0;display:grid}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:9px}footer{color:#64748b;padding:24px 0;font-size:13px}@media (width<=760px){main{padding:12px}.grid,.cols{grid-template-columns:1fr}header{display:block}.ex{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}table{display:block;overflow:auto}}