*{box-sizing:border-box}html,body{color:#17212f;background:#f4f7fb;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100vh}.topbar{color:#fff;background:#0f172a;padding:18px 24px;font-size:20px;font-weight:700}.container{max-width:1180px;margin:0 auto;padding:24px}.nav{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.card{background:#fff;border:1px solid #d8e1ed;border-radius:16px;margin:16px 0;padding:18px;box-shadow:0 8px 24px #0f172a0f}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{margin-top:8px;font-size:30px;font-weight:700}.muted{color:#5f6b7a;font-size:14px}.button,button{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:10px;padding:10px 14px;font-weight:600}button:disabled,.button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{color:#17212f;background:#fff;border:1px solid #cbd5e1;border-radius:10px}label{font-size:14px;font-weight:600}.badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px}th{background:#f8fafc;font-size:14px}.emptyState{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:28px}.emptyState h3{margin:0 0 8px}.errorBox{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;padding:14px 16px}.successBox{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:14px 16px}.loadingBox{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:14px 16px}.sectionTitle{margin:0 0 14px}.previewImage{object-fit:contain;max-width:180px;max-height:72px}@media (max-width:980px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:16px}.topbar{padding:16px;font-size:18px}}
