:root{--ui-primary:#2563eb;--ui-primary-hover:#1d4ed8;--ui-primary-soft:#eff6ff;--ui-primary-border:#bfdbfe;--ui-text:#0f172a;--ui-text-muted:#64748b;--ui-text-subtle:#94a3b8;--ui-bg:#f4f8fd;--ui-surface:#ffffff;--ui-border:#e2e8f0;--ui-border-soft:#f1f5f9;--ui-success:#16a34a;--ui-success-soft:#f0fdf4;--ui-success-border:#bbf7d0;--ui-warning:#d97706;--ui-warning-soft:#fef3c7;--ui-warning-border:#fde68a;--ui-danger:#dc2626;--ui-danger-soft:#fef2f2;--ui-danger-border:#fecaca;--ui-info:#2563eb;--ui-info-soft:#eff6ff;--ui-info-border:#bfdbfe;--ui-purple:#9333ea;--ui-purple-soft:#fdf4ff;--ui-purple-border:#e9d5ff;--ui-neutral:#64748b;--ui-neutral-soft:#f8fafc;--ui-neutral-border:#e2e8f0;--fs-label:0.75rem;--fs-base:0.875rem;--fs-nav:0.9375rem;--fs-subtitle:1rem;--fs-card-title:1.125rem;--fs-section:1.5rem;--fs-page:2rem;--fs-kpi:2rem;--ui-radius-card:14px;--ui-radius-control:9px;--ui-radius-pill:20px;--ui-shadow-card:0 2px 8px rgba(15,23,42,0.06);--ui-shadow-pop:0 12px 32px rgba(15,23,42,0.14);--ui-content-max:1440px;--ui-topbar-h:64px}.ui-page{padding:calc(var(--ui-topbar-h) + 16px) 24px 48px;max-width:var(--ui-content-max);margin:0 auto;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ui-page-title{margin:0;font-size:var(--fs-page);font-weight:800;letter-spacing:-.02em;color:var(--ui-text);line-height:1.15}.ui-page-subtitle{margin:4px 0 0;font-size:var(--fs-base);color:var(--ui-text-muted)}.ui-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--ui-radius-control);font-size:var(--fs-base);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .15s,border-color .15s,opacity .15s;white-space:nowrap;text-decoration:none;line-height:1.2}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--primary{background:var(--ui-primary);color:#fff}.ui-btn--primary:hover:not(:disabled){background:var(--ui-primary-hover)}.ui-btn--secondary{background:#fff;color:#475569;border-color:var(--ui-border)}.ui-btn--secondary:hover:not(:disabled){background:#f8fafc}.ui-btn--danger{background:var(--ui-danger);color:#fff}.ui-btn--danger:hover:not(:disabled){background:#b91c1c}.ui-btn--success{background:var(--ui-success);color:#fff}.ui-btn--ghost{background:transparent;color:var(--ui-primary)}.ui-btn--sm{padding:6px 12px;font-size:var(--fs-label)}.ui-btn--icon{width:30px;height:30px;padding:0;font-size:14px}.ui-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--ui-radius-pill);font-size:var(--fs-label);font-weight:700;border:1px solid transparent;white-space:nowrap;width:-moz-fit-content;width:fit-content}.ui-badge__dot{width:7px;height:7px;border-radius:50%;display:inline-block}.ui-badge--success{background:var(--ui-success-soft);color:var(--ui-success);border-color:var(--ui-success-border)}.ui-badge--warning{background:var(--ui-warning-soft);color:var(--ui-warning);border-color:var(--ui-warning-border)}.ui-badge--danger{background:var(--ui-danger-soft);color:var(--ui-danger);border-color:var(--ui-danger-border)}.ui-badge--info{background:var(--ui-info-soft);color:var(--ui-info);border-color:var(--ui-info-border)}.ui-badge--purple{background:var(--ui-purple-soft);color:var(--ui-purple);border-color:var(--ui-purple-border)}.ui-badge--neutral{background:var(--ui-neutral-soft);color:var(--ui-neutral);border-color:var(--ui-neutral-border)}.ui-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));grid-gap:14px;gap:14px}.ui-kpi{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);padding:16px 18px;box-shadow:var(--ui-shadow-card);min-width:0;min-height:114px;overflow:hidden;gap:12px}.ui-kpi,.ui-kpi__icon{display:flex;align-items:center}.ui-kpi__icon{width:42px;height:42px;border-radius:12px;justify-content:center;font-size:20px;flex-shrink:0}.ui-kpi__body{min-width:0;display:flex;flex-direction:column;justify-content:center}.ui-kpi__label{font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ui-text-subtle);line-height:1.2;margin-bottom:6px}.ui-kpi__value{font-size:var(--fs-kpi);font-weight:900;color:var(--ui-text);line-height:1;word-break:break-all;overflow-wrap:anywhere}.ui-kpi__sub{font-size:.72rem;color:var(--ui-text-muted);margin-top:4px}@media (max-width:1024px){.ui-kpi-grid{grid-template-columns:repeat(auto-fit,170px);gap:10px}.ui-kpi{width:170px;min-height:60px;height:60px;padding:8px 12px;gap:8px;border-radius:12px}.ui-kpi__icon{width:30px;height:30px;border-radius:9px;font-size:15px}.ui-kpi__label{font-size:.6rem;margin-bottom:2px;letter-spacing:.04em}.ui-kpi__value{font-size:1.05rem}.ui-kpi__sub{display:none}}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);padding:18px 20px}.ui-card__title{font-size:.78rem;font-weight:800;color:var(--ui-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--ui-border-soft)}.ui-empty{text-align:center;padding:48px 16px;color:var(--ui-text-subtle);font-size:var(--fs-base)}.ui-empty__icon{font-size:32px;margin-bottom:8px}.ui-spin{display:inline-block;animation:ui-spin 1s linear infinite}@keyframes ui-spin{to{transform:rotate(1turn)}}.ui-filterbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ui-filterbar__search{position:relative;display:flex;align-items:center;flex:1 1 240px;min-width:180px}.ui-filterbar__search-icon{position:absolute;left:11px;display:flex;color:var(--ui-text-subtle);pointer-events:none}.ui-filter-control{height:38px;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:9px;padding:0 12px;font-size:var(--fs-base);font-family:inherit;font-weight:500;color:#475569;background:#fff;outline:none}select.ui-filter-control{cursor:pointer;padding-right:28px}.ui-filterbar__search input.ui-filter-control{width:100%;padding-left:34px;cursor:text}.ui-filter-control--date{min-width:150px;cursor:text}.ui-filter-clear{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:9px;background:#f8fafc;color:var(--ui-text-muted);font-size:var(--fs-base);font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer}.ui-filter-clear:hover{background:#f1f5f9}.ui-filter-meta{margin-left:auto;font-size:.8rem;color:var(--ui-text-subtle)}@media (max-width:1024px){.ui-filterbar__search{flex-basis:100%}}.sidebar-toggle-btn{margin-right:8px;flex-shrink:0}.web-dashboard-main-wrap,.web-dashboard-sidebar,.web-dashboard-topbar{transition:transform .22s ease,margin-left .22s ease,width .22s ease}.web-dashboard-shell.sidebar-hidden .web-dashboard-sidebar{transform:translateX(-100%)}.web-dashboard-shell.sidebar-hidden .web-dashboard-main-wrap{margin-left:0}.web-dashboard-shell.sidebar-hidden .web-dashboard-topbar{width:100%}@media (max-width:1024px){.ui-col-secondary{display:none!important}.ui-page{padding-left:16px;padding-right:16px}}@media (max-width:1366px){.ui-col-tertiary{display:none!important}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}