: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}.container{max-width:1180px;margin:22px auto;padding:0 22px 90px}.container.wide{max-width:2100px;margin-left:0;margin-right:0}.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}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row .fg{margin-bottom:0}.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}.mets.cols5{grid-template-columns:repeat(5,1fr)}.mets.cols3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1100px){.mets.cols5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.mets,.mets.cols5,.mets.cols3{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 .met-ico{position:absolute;top:12px;right:14px;font-size:18px;line-height:1;opacity:.85}.met .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding-right:22px}.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);white-space:nowrap}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}table.tbl th:first-child,table.tbl td:first-child{position:sticky;left:0;z-index:1}table.tbl td:first-child{background:var(--surface);box-shadow:1px 0 0 var(--divider)}table.tbl tr:hover td:first-child{background:var(--surface-alt)}table.tbl th:first-child{background:var(--tbl-head-bg);z-index:3;box-shadow:1px 0 0 var(--tbl-head-bg);min-width:84px}:root{--tbl-head-bg: #1e2a44;--tbl-head-fg: #eef2fb}.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)}}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:13.5px}.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;justify-content:space-between;gap:8px;padding:16px 14px 16px 18px}.sb-brand-main{display:flex;align-items:center;gap:11px;cursor:pointer;min-width:0}.sb-collapse{background:#ffffff14;border:none;color:#ffffffb3;width:30px;height:30px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sb-collapse:hover{background:#ffffff2e;color:#fff}.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;text-decoration:none}.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}.role-tag{background:var(--surface-alt);border:1px solid var(--border);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize}.main-col .container{margin:22px auto}.main-col .container.wide{margin:22px 0}.sidebar.collapsed{width:64px}.sidebar.collapsed .sb-name,.sidebar.collapsed .sb-tag,.sidebar.collapsed .sb-uname,.sidebar.collapsed .sb-urole,.sidebar.collapsed .sb-group-title,.sidebar.collapsed .sb-link span:last-child,.sidebar.collapsed .sb-logout span:last-child{display:none}.sidebar.collapsed .sb-brand{flex-direction:column;gap:10px;padding:14px 0}.sidebar.collapsed .sb-user{justify-content:center;padding:10px 0;margin:0 8px 8px}.sidebar.collapsed .sb-nav{padding:4px 8px 10px}.sidebar.collapsed .sb-link{justify-content:center;padding:9px 0}.sidebar.collapsed .sb-logout{margin:8px 8px 18px;padding:10px 0}@media (max-width: 720px){.sidebar{width:64px}.sb-name,.sb-tag,.sb-uname,.sb-urole,.sb-group-title,.sb-link span:last-child,.sb-logout span:last-child{display:none}.sb-user,.sb-brand{justify-content:center}}