:root{color-scheme:light dark;font-family:Inter,Segoe UI Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}:root{--mw-bg:#0f172a;--mw-bg-2:#0b1220;--mw-panel:#1e293b;--mw-surface-2:#0e1626;--mw-hover:#16223a;--mw-border:rgba(59,130,246,0.25);--mw-border-soft:rgba(148,163,184,0.14);--mw-text:#f1f5f9;--mw-text-soft:#c4d0e0;--mw-muted:#94a3b8;--mw-accent:#79b8ff;--mw-pink:#f43f5e;--mw-pink-hover:#fb7185;--mw-blue:#3b82f6;--mw-yellow:#fbbf24;--mw-shadow-sm:0 1px 2px rgba(0,0,0,0.3);--mw-shadow-md:0 6px 18px rgba(0,0,0,0.35);--mw-shadow-lg:0 24px 60px rgba(0,0,0,0.45);--mw-glass-bg:rgba(15,23,42,0.66);--mw-glass-blur:10px;--mw-glass-border:rgba(148,163,184,0.18);--mw-ring:rgba(59,130,246,0.45);--mw-radius:12px;--mw-radius-sm:8px;--mw-ease:160ms cubic-bezier(0.2,0,0,1)}[data-theme=light]{--mw-bg:#eef2f7;--mw-bg-2:#e2e8f0;--mw-panel:#ffffff;--mw-surface-2:#f8fafc;--mw-hover:#eef4ff;--mw-border:rgba(59,130,246,0.22);--mw-border-soft:rgba(15,23,42,0.1);--mw-text:#0f172a;--mw-text-soft:#334155;--mw-muted:#5b6675;--mw-accent:#2563eb;--mw-shadow-sm:0 1px 2px rgba(15,23,42,0.08);--mw-shadow-md:0 6px 18px rgba(15,23,42,0.1);--mw-shadow-lg:0 24px 50px rgba(15,23,42,0.14);--mw-glass-bg:rgba(255,255,255,0.7);--mw-glass-border:rgba(15,23,42,0.08);--mw-ring:rgba(37,99,235,0.4);color-scheme:light}body{margin:0;background:radial-gradient(1200px 600px at 100% -10%,rgba(59,130,246,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(244,63,94,.08),transparent 60%),linear-gradient(180deg,var(--mw-bg),var(--mw-bg-2));color:var(--mw-text);transition:background var(--mw-ease),color var(--mw-ease)}.center,body{min-height:100vh}.center{display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:var(--mw-panel);border:1px solid var(--mw-border);border-radius:var(--mw-radius);padding:28px;box-shadow:var(--mw-shadow-md)}h1{margin:0 0 4px;font-size:24px;font-weight:700;letter-spacing:-.015em;line-height:1.2}label{display:block;margin:14px 0 6px;font-size:13px;color:var(--mw-muted)}input,select,textarea{width:100%;padding:10px 12px;border-radius:var(--mw-radius-sm);border:1px solid var(--mw-border);background:var(--mw-surface-2);color:var(--mw-text);font-size:14px;font-family:inherit;transition:border-color var(--mw-ease),box-shadow var(--mw-ease),background var(--mw-ease)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}select option{background:var(--mw-panel);color:var(--mw-text)}input:hover,select:hover,textarea:hover{border-color:var(--mw-border);background:var(--mw-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--mw-blue);box-shadow:0 0 0 3px var(--mw-ring)}button{margin-top:18px;width:100%;padding:11px;border:0;border-radius:var(--mw-radius-sm);background:var(--mw-pink);color:white;font-weight:600;font-size:14px;cursor:pointer;transition:background var(--mw-ease),transform var(--mw-ease),box-shadow var(--mw-ease)}button:hover{background:var(--mw-pink-hover);box-shadow:0 6px 18px rgba(244,63,94,.3)}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--mw-ring)}.error{margin-top:12px;color:#ff7b72;font-size:13px}.muted{color:var(--mw-muted);font-size:14px}.login-hero{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(244,63,94,.45),rgba(15,23,42,.92) 55%,rgba(59,130,246,.45)),url(/brand/login-hero.jpg) 50% /cover no-repeat}.login-card{background:rgba(15,23,42,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 24px 60px rgba(0,0,0,.45);text-align:center}.login-card .error,.login-card label{text-align:left}.login-mark{width:84px;height:84px;object-fit:contain;margin:0 auto 10px;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.login-title{font-size:26px;font-weight:800;background:linear-gradient(90deg,var(--mw-pink),var(--mw-yellow),var(--mw-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:#1f6feb22;border:1px solid #2f6feb55;color:var(--mw-accent);font-size:12px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--mw-glass-bg);backdrop-filter:blur(var(--mw-glass-blur));-webkit-backdrop-filter:blur(var(--mw-glass-blur));border-right:1px solid var(--mw-glass-border);padding:18px 14px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.brand-mark{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.brand-name{font-weight:800;font-size:20px;background:linear-gradient(90deg,var(--mw-pink),var(--mw-yellow),var(--mw-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--mw-radius-sm);color:var(--mw-text-soft);text-decoration:none;font-size:14px;transition:background var(--mw-ease),color var(--mw-ease)}.nav-link:hover{background:var(--mw-hover);color:var(--mw-text)}.nav-link.active{background:#1f6feb22;color:var(--mw-accent);font-weight:600;box-shadow:inset 2px 0 0 var(--mw-blue)}.nav-icon{flex:0 0 16px;width:16px;height:16px;opacity:.85}.nav-group{display:flex;flex-direction:column}.nav-group-header{display:flex;align-items:center;gap:10px;width:100%;margin:6px 0 0;padding:7px 10px;border:0;background:transparent;color:var(--mw-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:var(--mw-radius-sm);transition:color var(--mw-ease)}.nav-group-header:hover{color:var(--mw-text);background:transparent}.nav-group-header .nav-caret{margin-left:auto;transition:transform var(--mw-ease)}.nav-group-header[aria-expanded=false] .nav-caret{transform:rotate(-90deg)}.nav-group-items{display:flex;flex-direction:column;gap:2px;overflow:hidden}.nav-group-items[hidden]{display:none}.sidebar-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--mw-border-soft)}.sidebar-foot-row{display:flex;gap:8px;margin-top:14px}.theme-toggle{flex:1 1;width:auto;margin-top:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border:1px solid var(--mw-border);border-radius:var(--mw-radius-sm);background:var(--mw-surface-2);color:var(--mw-text-soft);font-size:13px;font-weight:500}.theme-toggle:hover{background:var(--mw-hover);color:var(--mw-text);box-shadow:none}.content{padding:28px 32px;max-width:1100px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.panel{background:var(--mw-panel);border:1px solid var(--mw-border-soft);border-radius:var(--mw-radius);padding:18px;margin-bottom:20px;overflow-x:auto;box-shadow:var(--mw-shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--mw-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--mw-border)}.table td{padding:12px;border-bottom:1px solid var(--mw-border-soft)}.table tbody tr{transition:background var(--mw-ease)}.table tbody tr:hover{background:var(--mw-hover)}.table tr:last-child td{border-bottom:0}.form-grid{display:flex;flex-direction:column;gap:6px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px}.form-checks{display:flex;gap:20px;margin-top:12px}.check{display:flex;align-items:center;gap:8px;color:var(--mw-text-soft);font-size:14px;margin:0}.check input{width:auto}.btn-inline{width:auto;margin-top:8px;padding:9px 18px}.btn-ghost{margin-top:14px;width:100%;background:transparent;border:1px solid var(--mw-border);color:var(--mw-text-soft)}.btn-ghost:hover{background:var(--mw-hover)}.sidebar-foot-row .btn-ghost{margin-top:0;flex:1 1}.ok-msg{margin-top:12px;color:#56d364;font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin:18px 0}.kpi{background:var(--mw-panel);border:1px solid var(--mw-border-soft);border-radius:var(--mw-radius);padding:18px;box-shadow:var(--mw-shadow-sm);transition:transform var(--mw-ease),box-shadow var(--mw-ease)}.kpi:hover{transform:translateY(-2px);box-shadow:var(--mw-shadow-md)}.kpi .value{font-size:26px;font-weight:700;margin-top:6px}.badge-warn{color:#e3b341}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.search-input{width:auto;min-width:240px;margin:0}.filter-link{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--mw-border);color:var(--mw-muted);text-decoration:none;font-size:13px}.filter-link:hover{background:var(--mw-hover);color:#fff}.filter-link.active{background:#1f6feb22;border-color:#2f6feb55;color:var(--mw-accent)}.toolbar .grow{flex:1 1}.pager{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.bar-row,.pager{align-items:center}.bar-row{display:grid;grid-template-columns:160px 1fr 90px;grid-gap:12px;gap:12px;padding:6px 0}.bar-label{font-size:13px;color:var(--mw-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--mw-surface-2);border:1px solid var(--mw-border);border-radius:6px;height:16px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#2f6feb,var(--mw-accent))}.bar-value{font-size:13px;text-align:right;color:var(--mw-muted)}.line-items{display:flex;flex-direction:column;gap:10px}.line-item{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--mw-border-soft)}.line-item:last-child{padding-bottom:0;border-bottom:0}.line-item>div{flex:1 1 160px;min-width:0}.line-item>button{flex:0 0 auto;width:auto;margin-top:0;padding:10px 16px}.link{color:var(--mw-accent);text-decoration:none}.link:hover{text-decoration:underline}h2{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.skeleton{background:linear-gradient(90deg,var(--mw-hover) 25%,#1d2c47 37%,var(--mw-hover) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-title{height:22px;width:220px;margin-bottom:10px}.skeleton-text{height:13px;width:320px}.skeleton-row{height:18px;width:100%;margin:12px 0}.toast-wrap{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{padding:12px 16px;border-radius:10px;font-size:14px;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.35);border:1px solid var(--mw-border);animation:toast-in .2s ease-out}.toast-ok{background:#16331f;border-color:#2ea04366;color:#7ee787}.toast-error{background:#3a1620;border-color:#f4385e66;color:#ffa7b5}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.crumbs{font-size:13px;margin-bottom:10px}.crumb-sep,.crumbs{color:var(--mw-muted)}.crumb-sep{margin:0 8px}.crumb-link{color:var(--mw-blue);text-decoration:none}.crumb-link:hover{text-decoration:underline}.crumb-current{color:var(--mw-text)}.empty-state{text-align:center;padding:40px 24px;border:1px dashed var(--mw-border);border-radius:12px;background:rgba(59,130,246,.04)}.empty-title{font-size:15px;color:var(--mw-text);margin:0 0 4px}.mobile-nav-btn{display:none;position:fixed;top:14px;left:14px;z-index:60;width:auto;margin:0;padding:9px;border:1px solid var(--mw-border);border-radius:var(--mw-radius-sm);background:var(--mw-glass-bg);backdrop-filter:blur(var(--mw-glass-blur));-webkit-backdrop-filter:blur(var(--mw-glass-blur));color:var(--mw-text);line-height:0}.mobile-nav-overlay{display:none;position:fixed;inset:0;z-index:40;background:rgba(2,6,23,.55)}@media (max-width:860px){.shell{grid-template-columns:1fr}.mobile-nav-btn{display:inline-flex}.sidebar{position:fixed;z-index:50;top:0;left:0;width:264px;transform:translateX(-100%);transition:transform var(--mw-ease)}.content{padding:64px 18px 24px;max-width:100%}.page-head{flex-wrap:wrap;gap:10px}body.nav-open .mobile-nav-overlay{display:block}body.nav-open .sidebar{transform:translateX(0);box-shadow:var(--mw-shadow-lg)}}.pill-success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.4);color:#4ade80}.pill-danger{background:rgba(244,63,94,.14);border-color:rgba(244,63,94,.4);color:#fb7185}.pill-warn{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.42);color:#fbbf24}.pill-info{background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.4);color:var(--mw-accent)}.pill-neutral{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.3);color:var(--mw-muted)}[data-theme=light] .pill-success{color:#15803d}[data-theme=light] .pill-danger{color:#be123c}[data-theme=light] .pill-warn{color:#b45309}[data-theme=light] .pill-info{color:#1d4ed8}[data-theme=light] .pill-neutral{color:#475569}.kpi-hero{background:linear-gradient(135deg,rgba(59,130,246,.1),var(--mw-panel) 62%);border-color:var(--mw-border)}.kpi-hero .value{font-size:30px}.kpi .delta{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:600}.delta-up{color:#4ade80}.delta-down{color:#fb7185}.delta-flat{color:var(--mw-muted)}[data-theme=light] .delta-up{color:#15803d}[data-theme=light] .delta-down{color:#be123c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-150%);padding:10px 16px;background:var(--mw-pink);color:#fff;border-radius:var(--mw-radius-sm);text-decoration:none;font-weight:600;box-shadow:var(--mw-shadow-md);transition:transform var(--mw-ease)}.skip-link:focus{transform:translateY(0);outline:none}.crumb-link:focus-visible,.filter-link:focus-visible,.link:focus-visible,.nav-link:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--mw-ring);border-radius:var(--mw-radius-sm)}.req{margin-left:2px;color:var(--mw-pink)}.field-error{display:block;margin-top:4px;color:#ff7b72;font-size:12px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--mw-pink)}.modal-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:toast-in .15s ease-out}.modal-card{width:100%;max-width:430px;padding:22px;background:var(--mw-panel);border:1px solid var(--mw-border);border-radius:var(--mw-radius);box-shadow:var(--mw-shadow-lg)}.modal-title{margin:0 0 6px;font-size:17px;font-weight:700}.modal-msg{margin:0 0 18px;color:var(--mw-text-soft);font-size:14px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{width:auto;margin-top:0;padding:9px 18px}.modal-actions .btn-ghost{margin-top:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.kpi:hover{transform:none}}