*{box-sizing:border-box}:root{--bg:#f3f5f8;--panel:#fff;--text:#172033;--muted:#697386;--line:#e1e6ee;--primary:#1f57c8;--dark:#111b2e;--sidebar:224px}html{font-size:13px}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.42}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.small{font-size:11px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--dark);color:#fff;padding:14px 10px;display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:850;padding:5px 7px 15px}.mark{width:31px;height:31px;border-radius:8px;background:linear-gradient(135deg,#7aa5ff,#2462d5);display:grid;place-items:center;font-size:11px}.biz{padding:9px;border:1px solid rgba(255,255,255,.09);background:#182640;border-radius:8px;margin:0 3px 9px}.biz span{display:block;font-size:9px;color:#8190aa}.biz strong{display:block;font-size:12px}.biz small{font-size:9px;color:#9fb0cc}.section{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#74839d;padding:11px 9px 5px}.nav{width:100%;border:0;background:transparent;color:#b9c3d5;text-align:left;border-radius:7px;padding:8px 9px;margin:1px 0;display:flex;align-items:center;gap:9px;font-weight:650;font-size:12px;cursor:pointer}.nav:hover,.nav.active{background:#213252;color:#fff}.ni{width:17px;text-align:center}.sidefoot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.user{display:flex;align-items:center;gap:8px;padding:8px}.avatar{width:29px;height:29px;border-radius:50%;background:#31548d;display:grid;place-items:center;font-size:11px;font-weight:850}.main{margin-left:var(--sidebar);min-height:100vh}.top{height:58px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);display:flex;align-items:center;gap:10px;padding:0 18px}.top h1{font-size:16px;margin:0}.top small{font-size:10px;color:var(--muted)}.content{padding:16px;max-width:1700px;margin:auto}.mobile{display:none}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.head h2{font-size:20px;margin:0 0 2px}.head p{margin:0;color:var(--muted);font-size:11px}.grid{display:grid;gap:11px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;box-shadow:0 1px 3px rgba(20,32,52,.025)}.ch{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.ch h3{font-size:13px;margin:0}.stat{position:relative;overflow:hidden}.sl{font-size:10px;color:var(--muted);font-weight:750;text-transform:uppercase}.sv{font-size:21px;font-weight:850;margin:4px 0}.btn{border:1px solid transparent;border-radius:7px;padding:7px 10px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer}.primary{background:var(--primary);color:#fff}.light{background:#fff;color:#344054;border-color:var(--line)}.soft{background:#edf3ff;color:#174aaa;border-color:#d7e3ff}.success{background:#e8f7f1;color:#066c4a;border-color:#c9ecdd}.danger{background:#fff0f1;color:#ad2634;border-color:#ffd6da}.warning{background:#fff7e8;color:#8e5700;border-color:#ffe1aa}.sm{font-size:11px;padding:5px 8px}.actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:9px}label{display:block;font-size:11px;font-weight:750;color:#48556b;margin-bottom:5px}input,select,textarea{width:100%;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text);outline:none}textarea{min-height:70px;resize:vertical}.fg{margin-bottom:11px}.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.f3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.f4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tw{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{padding:8px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:11px}th{background:#f8fafc;color:#667085;text-transform:uppercase;letter-spacing:.045em;font-size:9px}tbody tr:hover{background:#fbfcfe}.badge{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:800;border:1px solid transparent}.blue{background:#edf3ff;color:#1d51bd;border-color:#dce6ff}.green{background:#eaf8f2;color:#06714e;border-color:#d2efdf}.red{background:#fff0f1;color:#ae2937;border-color:#ffd8dc}.yellow{background:#fff7e7;color:#8c5908;border-color:#ffe5b5}.gray{background:#f1f4f7;color:#667085;border-color:#e3e8ee}.purple{background:#f3edff;color:#6b36b3;border-color:#e7dcff}.alert{padding:9px 10px;border-radius:8px;font-size:11px;margin-bottom:10px;border:1px solid}.alert.success{background:#eaf8f2;color:#076746;border-color:#c9ecdd}.alert.error{background:#fff0f1;color:#9d2532;border-color:#ffd8dc}.alert.warning{background:#fff7e8;color:#80520a;border-color:#ffe1aa}.notice{padding:9px 10px;border:1px solid #ffe1aa;background:#fff7e8;color:#80520a;border-radius:8px;font-size:11px}.items{border:1px solid var(--line);border-radius:8px;overflow:hidden}.irow{display:grid;grid-template-columns:2.2fr .55fr .8fr .65fr 35px;gap:6px;padding:7px;border-bottom:1px solid var(--line);align-items:center}.irow.header{background:#f8fafc;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase}.summary{width:min(360px,100%);margin-left:auto;border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:9px}.sum{display:flex;justify-content:space-between;padding:4px 0;font-size:11px}.sum.total{border-top:1px solid var(--line);padding-top:8px;margin-top:4px;font-size:14px;font-weight:850}.login{min-height:100vh;display:grid;grid-template-columns:1fr 420px;background:linear-gradient(135deg,#111d35,#173c82 58%,#2264db)}.lcopy{padding:64px;color:#fff;display:flex;flex-direction:column;justify-content:center}.lcopy h1{font-size:45px}.lcopy p{max-width:650px;font-size:15px;color:#dbe6ff;line-height:1.7}.lpanel{background:#fff;padding:38px;display:flex;align-items:center}.lcard{width:100%}.demo{margin-top:14px;padding:10px;border:1px dashed #b9c8eb;background:#f4f7ff;color:#304a84;border-radius:8px;font-size:11px}@media(max-width:1180px){.g5{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){:root{--sidebar:0}.sidebar{width:224px;transform:translateX(-100%);transition:.18s}.sidebar.open{transform:none}.main{margin-left:0}.mobile{display:block}.login{grid-template-columns:1fr}.lcopy{display:none}.lpanel{padding:22px}.content{padding:11px}.g2,.g3,.g4,.g5,.f2,.f3,.f4{grid-template-columns:1fr}.irow{grid-template-columns:1fr 1fr}.irow.header{display:none}.irow .desc{grid-column:1/-1}}@media print{.sidebar,.top,.noprint,.alert{display:none!important}.main{margin:0}.content{padding:0}.card{border:0;box-shadow:none}}