:root{--green: #0a995e;--green-d: #08824f;--blue: #2f6df0;--purple: #7c3aed;--amber: #cc7700;--red: #cc3333;--teal: #0c7a8c;--bg: #eef1f5;--surface: #ffffff;--surface-alt: #f7f9fc;--header: #0c1320;--header-text: #ffffff;--text: #1b2330;--text-2: #4a5160;--muted: #8a93a3;--border: #e2e7ee;--divider: #eef1f5;--input-bg: #ffffff;--input-border: #d5dbe3;--shadow-sm: 0 1px 3px rgba(20, 30, 50, .05);--shadow-md: 0 4px 16px rgba(20, 30, 50, .1);--radius: 13px;--radius-sm: 9px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--bg: #0b1018;--surface: #141b26;--surface-alt: #1a2230;--header: #060a12;--text: #e7ecf3;--text-2: #b8c2d0;--muted: #7e8a9c;--border: #232c3a;--divider: #1c2431;--input-bg: #0f1620;--input-border: #2a3445;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 6px 22px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a,.link{color:var(--green);cursor:pointer;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.top{background:var(--header);color:var(--header-text);padding:10px 22px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100}.top .logo{font-weight:800;font-size:16px;white-space:nowrap;cursor:pointer;letter-spacing:.2px}.top .logo span{color:#15d690}.top .ui{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px}.top .ui .name{font-weight:600}.top .role-tag{background:#ffffff24;padding:2px 9px;border-radius:5px;font-size:11px;text-transform:capitalize}.iconbtn{background:#ffffff1a;border:none;color:#fff;width:34px;height:34px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative}.iconbtn:hover{background:#ffffff38}.iconbtn .dot{position:absolute;top:6px;right:7px;width:8px;height:8px;background:#e23b3b;border-radius:50%;border:2px solid var(--header)}.top .lo{background:#ffffff1a;border:none;color:#fff;padding:7px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit}.top .lo:hover{background:#ffffff38}.nav-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 22px;display:flex;gap:2px;overflow-x:auto;position:sticky;top:54px;z-index:90}.nav-item{padding:14px 16px;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.nav-item:hover{color:var(--text)}.nav-item.on{color:var(--green);border-bottom-color:var(--green)}.nav-item .badge{background:#e23b3b;color:#fff;font-size:9px;font-weight:800;padding:1px 6px;border-radius:9px}.container{max-width:1180px;margin:22px auto;padding:0 22px 90px}.page-head{margin-bottom:18px}.page-head h1{font-size:23px;font-weight:800;letter-spacing:-.2px}.page-head .sub{color:var(--muted);font-size:13.5px;margin-top:3px}.crumb{font-size:12px;color:var(--muted);margin-bottom:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card h3{font-size:15px;font-weight:700;margin-bottom:4px}.card h3 .muted{font-weight:500;color:var(--muted);font-size:12px}.card .card-sub{color:var(--muted);font-size:12.5px;margin-bottom:14px}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.grid2,.grid3{grid-template-columns:1fr}}.mets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}@media (max-width: 760px){.mets{grid-template-columns:repeat(2,1fr)}}.met{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.met:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent, var(--green))}.met .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.met .val{font-size:26px;font-weight:800;margin-top:5px;letter-spacing:-.5px}.met .detail{font-size:11.5px;color:var(--muted);margin-top:3px}.btn{padding:10px 18px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;align-items:center;gap:7px;justify-content:center}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-g{background:var(--green);color:#fff}.btn-g:hover:not(:disabled){background:var(--green-d)}.btn-b{background:var(--blue);color:#fff}.btn-b:hover:not(:disabled){background:#1f5ada}.btn-o{background:var(--surface);color:var(--text-2);border:1px solid var(--input-border)}.btn-o:hover:not(:disabled){background:var(--surface-alt)}.btn-d{background:var(--surface);color:#b42318;border:1px solid #f0c4bf}.btn-d:hover:not(:disabled){background:#fdeceb}.btn-sm{padding:7px 13px;font-size:12px}.btn-block{width:100%}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:700;color:var(--text-2);cursor:pointer;font-family:inherit}.chip.on{background:var(--green);border-color:var(--green);color:#fff}.fg{margin-bottom:14px}.fl{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:5px}.fi{width:100%;padding:11px 13px;border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text)}.fi:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #0a995e1f}select.fi{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.err{color:var(--red);font-size:12.5px;margin-top:6px;font-weight:600}.ok-msg{color:var(--green);font-size:12.5px;margin-top:6px;font-weight:600}.tbl-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:left;background:var(--tbl-head-bg);color:var(--tbl-head-fg);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;padding:10px 12px;border-bottom:1px solid var(--tbl-head-bg);white-space:nowrap}table.tbl td{padding:11px 12px;border-bottom:1px solid var(--divider)}table.tbl tr:last-child td{border-bottom:none}table.tbl tr:hover td{background:var(--surface-alt)}.num{text-align:right;font-variant-numeric:tabular-nums}table.tbl th.num{text-align:right}:root{--tbl-head-bg: #1e2a44;--tbl-head-fg: #eef2fb}table.tbl.tbl-dark th{background:var(--tbl-head-bg);color:var(--tbl-head-fg);border-bottom-color:var(--tbl-head-bg)}.container.wide{max-width:1480px}.badge-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.b-green{background:#0a995e1f;color:var(--green)}.b-amber{background:#cc770024;color:var(--amber)}.b-red{background:#cc33331f;color:var(--red)}.b-blue{background:#2f6df01f;color:var(--blue)}.b-grey{background:var(--surface-alt);color:var(--muted)}.banner{border:1px solid;border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;font-weight:600;display:flex;gap:10px;align-items:center}.banner.green{background:#0a995e14;border-color:var(--green);color:var(--green)}.banner.amber{background:#cc770014;border-color:var(--amber);color:var(--amber)}.auth-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#052017,#0a3d2c 55%,#0c2438);padding:20px}.auth-box{background:#fff;border-radius:16px;padding:38px;width:430px;max-width:94vw;box-shadow:0 16px 50px #00000052}.auth-box h1{text-align:center;font-size:27px;color:#1b2330}.auth-box h1 span{color:var(--green)}.auth-box .sub{text-align:center;color:#8a93a3;font-size:12.5px;margin:4px 0 24px}.auth-box .fl{color:#4a5160}.auth-box .fi{background:#fff;color:#1b2330}.muted{color:var(--muted)}.small{font-size:12px}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}.center-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-alt) 25%,var(--border) 37%,var(--surface-alt) 63%);background-size:400% 100%;animation:sh 1.3s ease infinite;border-radius:8px}@keyframes sh{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:13.5px}.recharts-default-tooltip{border-radius:10px!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-md)!important;background:var(--surface)!important}.recharts-cartesian-axis-tick text{fill:var(--muted);font-size:11px}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:var(--header);color:#fff;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sb-brand{display:flex;align-items:center;gap:11px;padding:16px 18px;cursor:pointer}.sb-logo{width:36px;height:36px;border-radius:9px;background:#15d690;color:#04231a;font-weight:800;font-size:14px;display:grid;place-items:center}.sb-name{font-weight:800;font-size:16px}.sb-name span{color:#15d690}.sb-tag{font-size:11px;color:#ffffff80}.sb-user{display:flex;align-items:center;gap:10px;padding:12px 18px;margin:0 12px 8px;background:#ffffff0f;border-radius:10px}.sb-avatar{width:34px;height:34px;border-radius:50%;background:#15d690;color:#04231a;font-weight:800;font-size:12px;display:grid;place-items:center;flex-shrink:0}.sb-uname{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-urole{font-size:11px;color:#ffffff8c}.sb-nav{flex:1;padding:4px 10px 10px}.sb-group{margin-bottom:12px}.sb-group-title{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#ffffff61;font-weight:700;padding:6px 10px 4px}.sb-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;color:#fffc;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.sb-link:hover{background:#ffffff14;color:#fff}.sb-link.on{background:var(--green);color:#fff}.sb-logout{margin:8px 16px 18px;padding:10px;background:#ffffff14;border:none;color:#fff;border-radius:9px;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.sb-logout:hover{background:#ffffff29}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar2{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.tb-left{display:flex;align-items:center;gap:12px}.tb-right{display:flex;align-items:center;gap:8px}.iconbtn2{background:var(--surface-alt);border:1px solid var(--border);color:var(--text-2);width:34px;height:34px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.iconbtn2:hover{background:var(--bg)}.main-col .container{margin:22px auto}@media (max-width: 720px){.sidebar{width:64px}.sb-name,.sb-tag,.sb-uname,.sb-urole,.sb-group-title,.sb-link span,.sb-logout span{display:none}.sb-user,.sb-brand{justify-content:center}}