:root{--brand-950: #052E2B;--brand-800: #0B4F48;--brand-600: #0F766E;--brand-500: #14917F;--brand-400: #2DB39E;--brand-200: #9FDCCF;--brand-100: #CDEEE6;--brand-050: #EBF7F3;--accent-600: #B45309;--accent-500: #D97706;--accent-100: #FDECC8;--strong-bg: #12161D;--strong-fg: #F5F7F6;--welcome-bg: #12161D;--welcome-fg: #F5F7F6;--welcome-muted: #9BA3AF;--side-bg: #0E1116;--side-fg: #B9C0CB;--side-fg-strong: #F2F5F4;--side-muted: #6E7683;--side-hover: rgba(255, 255, 255, .05);--side-active-bg: rgba(45, 179, 158, .14);--side-active-fg: #E7FBF5;--side-active-bar: #2DB39E;--side-border: rgba(255, 255, 255, .07);--bg-app: #F4F3EF;--bg-appbar: rgba(244, 243, 239, .82);--surface: #FFFFFF;--surface-alt: #FAF9F6;--surface-sunken: #EFEDE7;--border: #E5E2DA;--border-input: #D3CFC5;--text-primary: #16181D;--text-secondary: #555B67;--text-muted: #6F7581;--text-on-brand: #FFFFFF;--success-bg: #DDF3EA;--success-fg: #0F6B4F;--danger-bg: #FBE3E1;--danger-fg: #B42318;--warning-bg: #FCEFC7;--warning-fg: #8A5A00;--process-bg: #E6E8FB;--process-fg: #3B44A8;--neutral-bg: #ECEAE4;--neutral-fg: #555B67;--info-bg: #DDEFF7;--info-fg: #0E5875;--kpi-1: #0F766E;--kpi-2: #2DB39E;--kpi-3: #D9473B;--kpi-4: #D97706;--chart-1: #0B4F48;--chart-2: #0F766E;--chart-3: #14917F;--chart-4: #2DB39E;--chart-5: #7FD1C0;--cat-1: #0F766E;--cat-2: #3B44A8;--cat-3: #D97706;--cat-4: #9333EA;--cat-5: #D9473B;--skeleton: #ECEAE4;--skeleton-hi: #F6F5F1;--sidebar-w: 264px;--sidebar-rail-w: 72px;--appbar-h: 64px;--row-h: 52px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-full: 999px;--shadow-card: 0 1px 2px rgba(22, 24, 29, .04);--shadow-dialog: 0 24px 60px -12px rgba(22, 24, 29, .35);--shadow-rail: 0 2px 8px rgba(22, 24, 29, .08);--shadow-dropdown: 0 12px 32px -8px rgba(22, 24, 29, .22);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--brand-950: #CDEEE6;--brand-800: #7FD1C0;--brand-600: #2DB39E;--brand-500: #3CC7B0;--brand-100: #123A35;--brand-050: #0F2A27;--text-on-brand: #04201C;--strong-bg: #E7ECEA;--strong-fg: #0B0D11;--welcome-bg: #151A21;--welcome-fg: #EEF2F1;--welcome-muted: #8D96A3;--side-bg: #08090C;--bg-app: #0B0D11;--bg-appbar: rgba(11, 13, 17, .8);--surface: #12151B;--surface-alt: #151920;--surface-sunken: #0F1217;--border: #232934;--border-input: #333B48;--text-primary: #E9ECEF;--text-secondary: #A6AEBA;--text-muted: #8790A0;--success-bg: #12332A;--success-fg: #7DDDB9;--danger-bg: #3A1A18;--danger-fg: #F4A39B;--warning-bg: #3A2C10;--warning-fg: #F2C96B;--process-bg: #1F2347;--process-fg: #AEB4F5;--neutral-bg: #222833;--neutral-fg: #A6AEBA;--info-bg: #10303D;--info-fg: #8ACFEA;--accent-100: #3A2A10;--kpi-1: #2DB39E;--kpi-2: #7FD1C0;--kpi-3: #F07C70;--kpi-4: #F2A93B;--skeleton: #1A1F27;--skeleton-hi: #222833;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-dialog: 0 24px 60px -12px rgba(0, 0, 0, .7);--shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--brand-950: #CDEEE6;--brand-800: #7FD1C0;--brand-600: #2DB39E;--brand-500: #3CC7B0;--brand-100: #123A35;--brand-050: #0F2A27;--text-on-brand: #04201C;--strong-bg: #E7ECEA;--strong-fg: #0B0D11;--welcome-bg: #151A21;--welcome-fg: #EEF2F1;--welcome-muted: #8D96A3;--side-bg: #08090C;--bg-app: #0B0D11;--bg-appbar: rgba(11, 13, 17, .8);--surface: #12151B;--surface-alt: #151920;--surface-sunken: #0F1217;--border: #232934;--border-input: #333B48;--text-primary: #E9ECEF;--text-secondary: #A6AEBA;--text-muted: #8790A0;--success-bg: #12332A;--success-fg: #7DDDB9;--danger-bg: #3A1A18;--danger-fg: #F4A39B;--warning-bg: #3A2C10;--warning-fg: #F2C96B;--process-bg: #1F2347;--process-fg: #AEB4F5;--neutral-bg: #222833;--neutral-fg: #A6AEBA;--info-bg: #10303D;--info-fg: #8ACFEA;--accent-100: #3A2A10;--kpi-1: #2DB39E;--kpi-2: #7FD1C0;--kpi-3: #F07C70;--kpi-4: #F2A93B;--skeleton: #1A1F27;--skeleton-hi: #222833;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-dialog: 0 24px 60px -12px rgba(0, 0, 0, .7);--shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .6)}[data-area=platform]{--side-active-bg: rgba(217, 119, 6, .16);--side-active-fg: #FFF4E0;--side-active-bar: #F59E0B}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:14.5px;line-height:1.55;color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:-.01em}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:inherit;background:transparent;border:none;outline:none;width:100%}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:6px}::selection{background:var(--brand-100)}.ms{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;flex:none;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.ms-16{font-size:16px}.ms-18{font-size:18px}.ms-20{font-size:20px}.ms-22{font-size:22px}.ms-24{font-size:24px}.ms-28{font-size:28px}.ms-32{font-size:32px}.ms-40{font-size:40px}:root[data-icons=off] .ms{display:none}@media (max-width: 600px){.hide-mobile{display:none!important}}.app-shell{display:flex;min-height:100vh;background:var(--bg-app)}.main-content-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:var(--sidebar-w);transition:margin-left .2s ease}.app-shell.sb-rail .main-content-wrapper{margin-left:var(--sidebar-rail-w)}.app-shell.sb-hidden .main-content-wrapper{margin-left:0}.app-page-content{padding:var(--space-6) var(--space-8) var(--space-10);width:100%;max-width:1440px;margin:0 auto}@media (max-width: 860px){.main-content-wrapper{margin-left:0!important}.app-page-content{padding:var(--space-4) var(--space-4) var(--space-8)}}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--side-bg);color:var(--side-fg);display:flex;flex-direction:column;z-index:60;transition:width .2s ease,transform .2s ease;border-right:1px solid var(--side-border)}.sidebar.rail{width:var(--sidebar-rail-w)}.sidebar.hidden{transform:translate(-100%)}@media (max-width: 860px){.sidebar{transform:translate(-100%);width:280px;box-shadow:var(--shadow-dialog)}.sidebar.mobile-open{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;gap:12px;padding:20px 18px 14px;min-height:68px}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,var(--side-active-bar),color-mix(in srgb,var(--side-active-bar) 55%,#000));color:#04201c;font-weight:800;font-size:15px;letter-spacing:-.02em;cursor:pointer}.brand-texts{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-title{color:var(--side-fg-strong);font-weight:700;font-size:15.5px;letter-spacing:-.01em}.brand-badge{color:var(--side-muted);font-size:11.5px;font-weight:500}.company-selector-container{position:relative;padding:4px 14px 12px}.company-select-field{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--side-border);text-align:left;color:var(--side-fg-strong);transition:background .15s}.company-select-field:hover{background:#ffffff12}.company-avatar{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center;background:#ffffff14;color:var(--side-fg-strong);font-size:12px;font-weight:700}.company-avatar img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#fff;padding:2px}.company-info-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.company-name-text{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-ruc-text{font-size:11.5px;color:var(--side-muted)}.company-dropdown-menu{position:absolute;left:14px;right:14px;top:calc(100% - 4px);background:#171b22;border:1px solid var(--side-border);border-radius:12px;box-shadow:0 18px 40px -10px #0009;padding:6px;z-index:70;max-height:360px;overflow-y:auto}.dropdown-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--side-muted);padding:8px 10px 6px}.company-option-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:8px;color:var(--side-fg)}.company-option-item:hover{background:var(--side-hover)}.company-option-item.selected{background:var(--side-active-bg);color:var(--side-active-fg)}.comp-name{font-size:13px;font-weight:600}.comp-ruc{font-size:11.5px;color:var(--side-muted)}.register-new-option{color:var(--side-active-bar);border-top:1px solid var(--side-border);margin-top:4px;border-radius:0 0 8px 8px}.sidebar-nav{flex:1;overflow-y:auto;padding:6px 12px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:6px}.nav-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--side-muted);padding:14px 12px 6px}.sidebar.rail .nav-section-label{padding:10px 0 4px;text-align:center;font-size:0}.sidebar.rail .nav-section-label:after{content:"•";font-size:12px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:10px;color:var(--side-fg);font-size:13.5px;font-weight:500;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--side-hover);color:var(--side-fg-strong)}.nav-item.active{background:var(--side-active-bg);color:var(--side-active-fg)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--side-active-bar)}.nav-item.active .ms{color:var(--side-active-bar)}.sidebar.rail .nav-item{justify-content:center;padding:10px 0}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:#ffffff14;color:var(--side-fg-strong)}.nav-badge.warn{background:var(--accent-500);color:#1a1204}.nav-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 8px;padding:10px 12px;border-radius:10px;background:var(--side-active-bar);color:#04201c;font-weight:700;font-size:13.5px;transition:filter .15s}.nav-cta:hover{filter:brightness(1.08)}.sidebar.rail .nav-cta span:not(.ms){display:none}.sidebar-footer{padding:12px;border-top:1px solid var(--side-border)}.side-user{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px}.side-user-avatar{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--side-active-bg);color:var(--side-active-fg);font-size:12px;font-weight:700}.side-user-info{flex:1;min-width:0;line-height:1.25}.side-user-name{color:var(--side-fg-strong);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user-role{color:var(--side-muted);font-size:11.5px}.side-icon-btn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--side-fg)}.side-icon-btn:hover{background:var(--side-hover);color:var(--side-fg-strong)}.sidebar.rail .side-user-info,.sidebar.rail .side-user-avatar{display:none}.sidebar.rail .side-user{justify-content:center}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090c80;z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}.mobile-backdrop.open{opacity:1;pointer-events:auto}@media (min-width: 861px){.mobile-backdrop{display:none}}.appbar{position:sticky;top:0;z-index:40;height:var(--appbar-h);display:flex;align-items:center;gap:14px;padding:0 var(--space-8);background:var(--bg-appbar);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}@media (max-width: 860px){.appbar{padding:0 var(--space-4)}}.appbar-titles{display:flex;flex-direction:column;line-height:1.2;min-width:0}.appbar-crumb{font-size:11.5px;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title{font-size:18px;font-weight:700;margin:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-grow{flex:1}.appbar-actions{display:flex;align-items:center;gap:8px}.quota-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text-secondary)}.quota-pill .ms{color:var(--brand-600)}.quota-pill.low{border-color:var(--warning-fg);color:var(--warning-fg)}.platform-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--accent-100);color:var(--accent-600);font-size:12px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--space-4);flex-wrap:wrap}.card-title{font-size:15.5px;font-weight:700;margin:0;color:var(--text-primary)}.card-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-secondary)}.card-foot{margin:var(--space-4) 0 0;font-size:12px;color:var(--text-muted)}.link{color:var(--brand-600);font-size:13px;font-weight:600;cursor:pointer;background:none;border:none;padding:0}.link:hover{text-decoration:underline}.grid-1,.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:var(--space-5);flex-wrap:wrap}.page-head h2{margin:0;font-size:22px;font-weight:800}.page-head p{margin:4px 0 0;color:var(--text-secondary);font-size:13.5px}.welcome-card{background:var(--welcome-bg);color:var(--welcome-fg);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.welcome-card:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-400) 35%,transparent),transparent 70%);pointer-events:none}.welcome-top{display:flex;align-items:center;gap:12px}.welcome-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffffff14;color:var(--brand-400)}.welcome-name{font-size:17px;font-weight:700}.welcome-ruc{font-size:12.5px;color:var(--welcome-muted)}.welcome-row{display:flex;align-items:center;gap:10px;font-size:13.5px}.welcome-row .ms{color:var(--brand-400)}.welcome-sub{font-size:12px;color:var(--welcome-muted);margin:-6px 0 0 30px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-card)}.kpi-head{display:flex;align-items:center;gap:10px}.kpi-head>.ms:first-child{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--accent, var(--brand-600)) 14%,transparent);color:var(--accent, var(--brand-600))}.kpi-label{flex:1;font-size:13px;font-weight:600;color:var(--text-secondary)}.kpi-value{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-top:4px}.kpi-card.is-blurred .kpi-value{filter:blur(9px);-webkit-user-select:none;user-select:none}.kpi-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;white-space:nowrap;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,filter .15s}.btn:disabled{opacity:.55}.btn-primary{background:var(--brand-600);color:var(--text-on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-800)}.btn-strong{background:var(--strong-bg);color:var(--strong-fg)}.btn-strong:hover:not(:disabled){filter:brightness(1.25)}.btn-outline{background:var(--surface);border-color:var(--border-input);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--brand-600);color:var(--brand-600)}.btn-text{color:var(--brand-600);padding:0 10px}.btn-text:hover:not(:disabled){background:var(--brand-050)}.btn-danger{background:var(--danger-fg);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-danger-outline{border-color:var(--danger-fg);color:var(--danger-fg);background:transparent}.btn-danger-outline:hover:not(:disabled){background:var(--danger-bg)}.btn-block{width:100%}.btn-sm{min-height:30px;padding:0 10px;font-size:12.5px}.icon-btn{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;color:var(--text-secondary);transition:background .12s,color .12s}.icon-btn:hover:not(:disabled){background:var(--surface-sunken);color:var(--text-primary)}.icon-btn:disabled{opacity:.4}.icon-btn.icon-danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-fg)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;background:var(--neutral-bg);color:var(--neutral-fg);white-space:nowrap;border:1px solid transparent}.chip .ms{font-size:15px}.chip-success{background:var(--success-bg);color:var(--success-fg)}.chip-danger{background:var(--danger-bg);color:var(--danger-fg)}.chip-warning{background:var(--warning-bg);color:var(--warning-fg)}.chip-process{background:var(--process-bg);color:var(--process-fg)}.chip-info{background:var(--info-bg);color:var(--info-fg)}.chip-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.chip-primary{background:var(--brand-050);color:var(--brand-600)}.chip-outline{background:transparent;border-color:var(--border-input);color:var(--text-secondary)}button.chip-outline:hover{border-color:var(--brand-600);color:var(--brand-600)}.chip-fixed{min-width:124px;justify-content:center}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.field-box{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.field:focus-within .field-box{border-color:var(--brand-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-600) 18%,transparent)}.field:focus-within .field-label{color:var(--brand-600)}.field-value{font-size:14px;color:var(--text-primary);flex:1;min-width:0;padding:9px 0}.field-value option{background:var(--surface);color:var(--text-primary)}select.field-value{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-ico{color:var(--text-muted);font-size:20px}.field.is-disabled .field-box{background:var(--surface-sunken)}.input,.filter-select{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);padding:8px 12px;font-size:13.5px;color:var(--text-primary);min-height:38px}.input:focus,.filter-select:focus{border-color:var(--brand-600)}.filter-select{width:auto;cursor:pointer}.switch-row{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13.5px}.switch{width:40px;height:22px;border-radius:999px;background:var(--border-input);position:relative;flex:none;transition:background .15s;display:inline-block}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000040}.switch[aria-checked=true]{background:var(--brand-600)}.switch[aria-checked=true]:after{transform:translate(18px)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.card .table-wrap{border-radius:var(--radius-sm)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:11px 16px;background:var(--surface-alt);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.th-inner{display:inline-flex;align-items:center;gap:4px}.th-sort{cursor:pointer}.th-sort:hover{color:var(--text-primary)}tbody td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-alt)}.cell-strong{font-weight:600}.cell-sub{font-size:12px;color:var(--text-muted)}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions .icon-btn{width:32px;height:32px}.table-empty{text-align:center;padding:40px 16px!important;color:var(--text-secondary)}.paginator{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-secondary);flex-wrap:wrap}.paginator .grow{flex:1}.pg-select{display:inline-flex;align-items:center;gap:6px}.pg-select select{width:auto;font-weight:600;cursor:pointer}.table-top-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:var(--space-4);flex-wrap:wrap}.toolbar-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;flex:1;max-width:440px;min-width:220px;background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);padding:0 12px;min-height:40px}.search-box:focus-within{border-color:var(--brand-600)}.search-box .ms{color:var(--text-muted)}.search-box input{font-size:13.5px}.styled-checkbox{width:16px;height:16px;accent-color:var(--brand-600);cursor:pointer}.category-tag{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--surface-sunken);font-size:12px;color:var(--text-secondary)}.banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:var(--info-bg);color:var(--info-fg);font-size:13px}.banner.warning{background:var(--warning-bg);color:var(--warning-fg)}.banner.danger{background:var(--danger-bg);color:var(--danger-fg)}.banner.success{background:var(--success-bg);color:var(--success-fg)}.note{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px dashed var(--border-input);font-size:13px;color:var(--text-secondary)}.note b{color:var(--text-primary)}.note .ms{color:var(--brand-600)}.sk{background:linear-gradient(90deg,var(--skeleton) 25%,var(--skeleton-hi) 50%,var(--skeleton) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-line{height:12px}.sk-block{height:28px}.sk-stack{display:flex;flex-direction:column;gap:10px}.empty-state-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 16px;gap:4px}.empty-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-muted);margin-bottom:8px}.empty-ico .ms{font-size:28px}.empty-state-wrap h3{margin:0;font-size:15.5px;font-weight:700}.empty-state-wrap p{margin:0;font-size:13px;color:var(--text-secondary);max-width:420px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:100;animation:fadeIn .15s ease-out}.modal-dialog{background:var(--surface);border-radius:var(--radius-lg);width:min(560px,100%);max-height:min(820px,92vh);display:flex;flex-direction:column;box-shadow:var(--shadow-dialog);border:1px solid var(--border);animation:popIn .22s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-dialog-large{width:min(920px,100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.dialog-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.dialog-ico{width:38px;height:38px;border-radius:10px;background:var(--brand-050);color:var(--brand-600);display:grid;place-items:center;flex:none}.dialog-title{font-size:17px;font-weight:700;margin:0;flex:1}.dialog-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-alt);flex-wrap:wrap}.pick-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px;border-radius:12px;border:1px solid transparent;transition:background .12s,border-color .12s}.pick-item:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border)}.pick-item:disabled{opacity:.55}.pick-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none}.pick-body{flex:1;min-width:0}.pick-name{font-weight:700;font-size:14px}.pick-desc{font-size:12.5px;color:var(--text-secondary)}.option-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1.5px solid var(--border);padding:14px 16px;border-radius:12px;background:var(--surface);transition:border-color .12s,background .12s}.option-card:hover{border-color:var(--border-input)}.option-card.selected{border-color:var(--brand-600);background:var(--brand-050)}.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;width:58px;height:58px;border-radius:18px;display:none;place-items:center;background:var(--brand-600);color:var(--text-on-brand);box-shadow:0 12px 28px -6px color-mix(in srgb,var(--brand-600) 60%,transparent),0 2px 6px #0003;transition:transform .15s,background .15s}.fab:active{transform:scale(.94)}.fab .ms{font-size:30px}@media (max-width: 860px){.fab{display:grid}.app-page-content{padding-bottom:96px}.toast-container{bottom:90px}}@media print{.fab{display:none!important}}.toast-container{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(400px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success-fg);border-radius:12px;box-shadow:var(--shadow-dropdown);animation:slideToast .25s cubic-bezier(.16,1,.3,1)}.toast-error{border-left-color:var(--danger-fg)}.toast-warning{border-left-color:var(--warning-fg)}.toast-info{border-left-color:var(--info-fg)}@keyframes slideToast{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.divider{border:none;border-top:1px solid var(--border);margin:4px 0}.dl-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13.5px}.dl-row:last-child{border-bottom:none}.dl-row>span:first-child{color:var(--text-secondary)}.progress{height:8px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:var(--brand-600);transition:width .3s}.progress.warn>span{background:var(--warning-fg)}.progress.danger>span{background:var(--danger-fg)}@media print{.sidebar,.appbar,.dialog-head,.dialog-foot,.toast-container,.mobile-backdrop{display:none!important}.modal-overlay{position:static;background:none;padding:0}.modal-dialog{box-shadow:none;border:none;max-height:none;width:100%}.main-content-wrapper{margin:0!important}body.modal-open .app-page-content>:not(.modal-overlay){display:none!important}body{background:#fff}}