*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}header{height:72px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:3}.brand{font-size:24px;font-weight:800}.brand span{color:#2563eb}.user{display:flex;gap:14px;align-items:center;font-size:13px}.user span{color:#6b7280}.user a{color:#dc2626;text-decoration:none}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.auth-card{width:min(430px,92vw);background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:32px;box-shadow:0 15px 50px #1e3a8a14}.auth-card.wide{width:min(720px,94vw)}h1{margin:12px 0 24px;font-size:28px}h2{margin:0 0 12px;font-size:20px}label{display:block;font-size:13px;font-weight:700;margin:12px 0 6px}input{width:100%;padding:11px 12px;border:1px solid #d6dce5;border-radius:9px;outline:none;background:#fff}input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb12}.btn{border:0;border-radius:9px;padding:10px 14px;background:#e8eef8;color:#173052;font-weight:700;cursor:pointer}.btn.primary{background:#2563eb;color:white;width:100%;margin-top:18px}.btn.danger{background:#fee2e2;color:#991b1b}.muted{color:#667085;font-size:13px}.auth-card a{color:#2563eb}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.alert{padding:11px 14px;border-radius:9px;margin:12px 0;font-size:13px}.success{background:#dcfce7;color:#166534}.danger{background:#fee2e2;color:#991b1b}main{max-width:1400px;margin:25px auto;padding:0 22px}.profile{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:17px 20px;display:flex;justify-content:space-between;gap:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:18px}.card small,.card span{display:block;color:#667085;font-size:12px}.card strong{display:block;font-size:28px;margin:8px 0}.card.highlight{border-color:#93c5fd;background:#eff6ff}.panel{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:20px;margin:16px 0}.import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upload{border:1px dashed #b8c2d1;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.upload input{padding:8px}.tools{display:flex;gap:10px;margin-top:14px}.table-head{display:flex;justify-content:space-between;gap:15px;align-items:end}.table-head>div:last-child{display:flex;gap:8px}.table-head input{width:260px}.formula{font-size:13px;color:#2563eb;background:#eff6ff;padding:8px 10px;border-radius:8px;display:inline-block}.table-wrap{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #edf0f4;font-size:13px}th{background:#f8fafc;color:#475467;position:sticky;top:0}code{background:#f1f5f9;padding:2px 5px;border-radius:5px}@media(max-width:800px){.cards,.import-grid{grid-template-columns:1fr 1fr}.profile,.table-head{display:block}.table-head>div:last-child{margin-top:12px}.grid2{grid-template-columns:1fr}.full{grid-column:auto}.user span{display:none}}@media(max-width:520px){.cards,.import-grid{grid-template-columns:1fr}header{padding:0 15px}main{padding:0 12px}.tools{flex-wrap:wrap}}

.supplier-selector{display:flex;align-items:center;justify-content:space-between;gap:20px}.selector-row{display:flex;gap:10px;align-items:center}.selector-row select{min-width:220px;padding:11px;border:1px solid #d7dce5;border-radius:8px;background:#fff;font-size:14px}@media(max-width:700px){.supplier-selector{display:block}.selector-row{margin-top:12px}.selector-row select{flex:1;min-width:0}}

.report-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.report-filters input,.report-filters select{padding:8px;border:1px solid #ddd;border-radius:6px;max-width:150px}