@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk.woff2) format("woff2");unicode-range:U+0000-00FF,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:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/hanken-grotesk.woff2) format("woff2");unicode-range:U+0000-00FF,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:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2");unicode-range:U+0000-00FF,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}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: 11.5px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--r-xs: 5px;--r-sm: 7px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--accent: #16A34A;--accent-strong: #15803D;--accent-deep: #15803D;--accent-soft: rgba(22, 163, 74, .14);--accent-line: rgba(22, 163, 74, .35);--accent-contrast: #FFFFFF;--success: #059669;--warning: #D97706;--danger: #E03E3E;--info: #2563EB;--ease: cubic-bezier(.4, 0, .2, 1)}[data-accent=amber]{--accent: #F59E0B;--accent-strong: #D97706;--accent-deep: #B45309;--accent-soft: rgba(245, 158, 11, .14);--accent-line: rgba(245, 158, 11, .35);--accent-contrast: #1A1206}[data-accent=indigo]{--accent: #6366F1;--accent-strong: #4F46E5;--accent-deep: #4338CA;--accent-soft: rgba(99, 102, 241, .14);--accent-line: rgba(99, 102, 241, .35);--accent-contrast: #FFFFFF}[data-accent=teal]{--accent: #0D9488;--accent-strong: #0F766E;--accent-deep: #115E59;--accent-soft: rgba(13, 148, 136, .14);--accent-line: rgba(13, 148, 136, .35);--accent-contrast: #FFFFFF}:root,[data-theme=light]{--bg: #F4F6F8;--bg-tint: #EEF1F4;--surface: #FFFFFF;--surface-2: #F6F8FA;--surface-3: #EEF1F5;--border: #E5E9EF;--border-strong: #D3D9E2;--text: #0C1322;--text-2: #4A5568;--text-3: #8A94A6;--text-inv: #FFFFFF;--sidebar-bg: #0B1120;--sidebar-grad: linear-gradient(180deg, #0E1526 0%, #0A0F1C 100%);--sidebar-text: #C4CBD8;--sidebar-muted: #687387;--sidebar-active-bg: rgba(255, 255, 255, .06);--sidebar-border: rgba(255, 255, 255, .07);--btn-primary-bg: #111A2E;--btn-primary-bg-hover: #1E293F;--btn-primary-text: #FFFFFF;--success-soft: #E7F6EF;--success-text: #07764E;--warning-soft: #FBEFD9;--warning-text: #9A5B05;--danger-soft: #FBE9E9;--danger-text: #B5302F;--info-soft: #E8EFFD;--info-text: #1D4ED8;--shadow-sm: 0 1px 2px rgba(12, 19, 34, .05);--shadow: 0 1px 3px rgba(12, 19, 34, .08), 0 1px 2px rgba(12, 19, 34, .05);--shadow-md: 0 6px 16px -6px rgba(12, 19, 34, .14), 0 2px 6px rgba(12, 19, 34, .06);--shadow-lg: 0 18px 40px -12px rgba(12, 19, 34, .22);--ring: 0 0 0 3px var(--accent-soft)}[data-theme=dark]{--bg: #080C15;--bg-tint: #0B1120;--surface: #111827;--surface-2: #161F30;--surface-3: #1D2738;--border: #232E42;--border-strong: #303D55;--text: #F1F4F9;--text-2: #A7B0C0;--text-3: #6B7686;--text-inv: #0C1322;--sidebar-bg: #060910;--sidebar-grad: linear-gradient(180deg, #0A0F1C 0%, #05080F 100%);--sidebar-text: #C4CBD8;--sidebar-muted: #5E6979;--sidebar-active-bg: rgba(255, 255, 255, .07);--sidebar-border: rgba(255, 255, 255, .06);--btn-primary-bg: #F1F4F9;--btn-primary-bg-hover: #FFFFFF;--btn-primary-text: #0C1322;--success-soft: rgba(5, 150, 105, .16);--success-text: #34D399;--warning-soft: rgba(217, 119, 6, .18);--warning-text: #FBBF24;--danger-soft: rgba(224, 62, 62, .18);--danger-text: #F87171;--info-soft: rgba(37, 99, 235, .2);--info-text: #60A5FA;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 8px 20px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 22px 48px -14px rgba(0, 0, 0, .7);--ring: 0 0 0 3px var(--accent-soft)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;margin:0;color:var(--text)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}a{color:var(--accent-deep);text-decoration:none}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-grad);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sb-brand{display:flex;align-items:center;gap:var(--s3);padding:var(--s5) var(--s5) var(--s4)}.sb-mark{width:40px;height:40px;flex:none}.sb-brand-text{display:flex;flex-direction:column;line-height:1.15}.sb-brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:#fff;letter-spacing:-.01em}.sb-brand-sub{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--sidebar-muted);text-transform:uppercase}.sb-search{margin:0 var(--s4) var(--s4);display:flex;align-items:center;gap:var(--s2);background:#ffffff0d;border:1px solid var(--sidebar-border);border-radius:var(--r-sm);padding:9px var(--s3);color:var(--sidebar-muted);font-size:var(--text-sm);cursor:text;transition:border-color .15s var(--ease)}.sb-search:hover{border-color:#ffffff29}.sb-search svg{width:15px;height:15px;flex:none}.sb-search .kbd{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:#ffffff14;padding:2px 6px;border-radius:4px}.sb-nav{flex:1;overflow-y:auto;padding:0 var(--s3) var(--s5)}.sb-section{padding:var(--s4) var(--s3) var(--s2);font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--sidebar-muted);text-transform:uppercase}.sb-link{display:flex;align-items:center;gap:var(--s3);padding:9px var(--s3);border-radius:var(--r-sm);color:var(--sidebar-text);font-size:var(--text-sm);font-weight:500;cursor:pointer;position:relative;transition:background .14s var(--ease),color .14s var(--ease);margin-bottom:1px}.sb-link svg{width:18px;height:18px;flex:none;opacity:.8}.sb-link:hover{background:#ffffff0a;color:#fff}.sb-link.active{background:var(--sidebar-active-bg);color:#fff}.sb-link.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent)}.sb-link.active svg{opacity:1;color:var(--accent)}.sb-badge{margin-left:auto;font-size:11px;font-weight:600;background:#ffffff14;color:var(--sidebar-text);padding:1px 8px;border-radius:var(--r-pill)}.sb-foot{padding:var(--s3) var(--s4);border-top:1px solid var(--sidebar-border);display:flex;align-items:center;gap:var(--s3)}.sb-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;font-weight:700;font-size:var(--text-sm);flex:none}.sb-user{line-height:1.2;flex:1;min-width:0}.sb-user b{display:block;color:#fff;font-size:var(--text-sm);font-weight:600}.sb-user span{font-size:var(--text-xs);color:var(--sidebar-muted)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s7);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.crumb{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--text-3)}.crumb b{color:var(--text-2);font-weight:600}.crumb svg{width:14px;height:14px;opacity:.5}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}.page{padding:var(--s6) var(--s7) var(--s8)}.page-head{display:flex;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s6)}.page-title{font-size:var(--text-2xl);font-weight:600}.page-sub{color:var(--text-2);font-size:var(--text-md);margin-top:2px}.page-head-actions{margin-left:auto;display:flex;gap:var(--s2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;padding:9px 15px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s var(--ease);line-height:1}.btn svg{width:16px;height:16px}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-bg-hover)}.btn-accent{background:var(--accent);color:var(--accent-contrast)}.btn-accent:hover{background:var(--accent-strong)}.btn-ghost{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--text-3)}.btn-subtle{background:var(--surface-3);color:var(--text-2)}.btn-subtle:hover{background:var(--border);color:var(--text)}.btn-sm{padding:6px 11px;font-size:var(--text-xs)}.btn-lg{padding:12px 20px;font-size:var(--text-md)}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .14s var(--ease)}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.icon-btn.is-danger:hover{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-soft)}.icon-btn:focus-visible{outline:none;box-shadow:var(--ring)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:var(--text-sm);font-weight:600;color:var(--text-2)}.label .req{color:var(--danger)}.input,.select,.textarea{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:10px 13px;width:100%;transition:all .15s var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%238A94A6' 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;padding-right:38px;cursor:pointer}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:13px;width:17px;height:17px;color:var(--text-3);pointer-events:none}.search-input .input{padding-left:40px}.segment{display:inline-flex;background:var(--surface-3);border-radius:var(--r-sm);padding:3px;gap:2px}.segment button{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-2);background:transparent;border:none;padding:6px 14px;border-radius:var(--r-xs);cursor:pointer;transition:all .15s var(--ease)}.segment button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.switch{position:relative;width:42px;height:24px;flex:none;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:99px;transition:background .18s var(--ease)}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(18px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--s5)}.card-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.card-head h3{font-size:var(--text-md);font-weight:600}.card-head .card-head-actions{margin-left:auto;display:flex;gap:var(--s2);align-items:center}.toolbar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.toolbar .grow{flex:1;min-width:200px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;padding:3px 9px;border-radius:var(--r-pill);line-height:1.4;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--success-soft);color:var(--success-text)}.badge-warning{background:var(--warning-soft);color:var(--warning-text)}.badge-danger{background:var(--danger-soft);color:var(--danger-text)}.badge-info{background:var(--info-soft);color:var(--info-text)}.badge-neutral{background:var(--surface-3);color:var(--text-2)}.badge-accent{background:var(--accent-soft);color:var(--accent-deep)}.chips{display:flex;gap:var(--s2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:600;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .14s var(--ease)}.chip .count{font-size:var(--text-xs);background:var(--surface-3);color:var(--text-3);padding:0 7px;border-radius:var(--r-pill)}.chip:hover{border-color:var(--text-3);color:var(--text)}.chip.active{background:var(--text);color:var(--text-inv);border-color:var(--text)}.chip.active .count{background:#ffffff2e;color:#fff}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:var(--text-base)}.tbl thead th{text-align:left;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:12px var(--s5);background:var(--surface-2);border-bottom:1px solid var(--border);position:sticky;top:0;white-space:nowrap}.tbl tbody td{padding:14px var(--s5);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.tbl tbody tr{transition:background .12s var(--ease)}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.cell-strong{font-weight:600}.cell-sub{color:var(--text-3);font-size:var(--text-sm)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.person{display:flex;align-items:center;gap:var(--s3)}.person .av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:var(--text-sm);color:#fff}.person .pn{line-height:1.25}.person .pn b{font-weight:600}.person .pn span{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.kpi-ic{width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none}.kpi-ic svg{width:19px;height:19px}.kpi-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.kpi-val{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em;line-height:1}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;margin-top:var(--s3)}.kpi-delta.up{color:var(--success-text)}.kpi-delta.down{color:var(--danger-text)}.empty{text-align:center;padding:var(--s9) var(--s5);color:var(--text-3)}.empty svg{width:44px;height:44px;margin-bottom:var(--s4);opacity:.5}.empty h4{font-size:var(--text-md);color:var(--text-2);margin-bottom:4px}.flex{display:flex}.items-center{align-items:center}.gap2{gap:var(--s2)}.gap3{gap:var(--s3)}.gap4{gap:var(--s4)}.ml-auto{margin-left:auto}.grow{flex:1}.muted{color:var(--text-3)}.alert{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border-radius:var(--r);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);color:var(--text-2);line-height:1.5}.alert .a-ic{width:20px;height:20px;flex:none;margin-top:1px}.alert .a-ic svg{width:20px;height:20px}.alert b{color:var(--text);font-weight:600;display:block;margin-bottom:2px}.alert .a-close{margin-left:auto;flex:none;background:none;border:none;color:var(--text-3);cursor:pointer;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-xs)}.alert .a-close:hover{background:var(--surface-3);color:var(--text)}.alert .a-close svg{width:15px;height:15px}.alert-success{background:var(--success-soft);border-color:transparent;color:var(--success-text)}.alert-success b,.alert-warning b,.alert-danger b,.alert-info b{color:inherit}.alert-warning{background:var(--warning-soft);border-color:transparent;color:var(--warning-text)}.alert-danger{background:var(--danger-soft);border-color:transparent;color:var(--danger-text)}.alert-info{background:var(--info-soft);border-color:transparent;color:var(--info-text)}.tabs{display:flex;gap:var(--s5);border-bottom:1px solid var(--border)}.tab{position:relative;padding:var(--s3) 0;font-family:var(--font-ui);font-size:var(--text-md);font-weight:600;color:var(--text-3);background:none;border:none;cursor:pointer;transition:color .14s var(--ease)}.tab:hover{color:var(--text-2)}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.tab .count{margin-left:6px;font-size:var(--text-xs);font-weight:600;background:var(--surface-3);color:var(--text-3);padding:1px 7px;border-radius:var(--r-pill)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--s5);background:color-mix(in srgb,#0A0F1C 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ov-in .18s var(--ease)}@keyframes ov-in{0%{opacity:0}}.modal{width:480px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-in .22s var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-head{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s5) var(--s5) var(--s4)}.modal-head .m-ic{width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent-deep)}.modal-head .m-ic svg{width:20px;height:20px}.modal-head .m-ic.danger{background:var(--danger-soft);color:var(--danger-text)}.modal-head h3{font-size:var(--text-lg);font-weight:600}.modal-head p{color:var(--text-2);font-size:var(--text-sm);margin:3px 0 0}.modal-head .m-close{margin-left:auto}.modal-body{padding:0 var(--s5) var(--s5);overflow-y:auto}.modal-foot{display:flex;gap:var(--s2);justify-content:flex-end;padding:var(--s4) var(--s5);border-top:1px solid var(--border);background:var(--surface-2)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:color-mix(in srgb,#0A0F1C 50%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ov-in .18s var(--ease)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:101;width:440px;max-width:92vw;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);animation:drawer-in .26s var(--ease)}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s5);border-bottom:1px solid var(--border)}.drawer-head h3{font-size:var(--text-lg);font-weight:600}.drawer-head .d-close{margin-left:auto}.drawer-body{flex:1;overflow-y:auto;padding:var(--s5)}.drawer-foot{display:flex;gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--border);background:var(--surface-2)}.toast-stack{position:fixed;bottom:var(--s5);right:var(--s5);z-index:200;display:flex;flex-direction:column;gap:var(--s3);width:360px;max-width:calc(100vw - 32px)}.toast{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-md);animation:toast-in .26s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}}.toast .t-ic{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none}.toast .t-ic svg{width:18px;height:18px}.toast .t-ic.ok{background:var(--success-soft);color:var(--success-text)}.toast .t-ic.err{background:var(--danger-soft);color:var(--danger-text)}.toast .t-ic.info{background:var(--info-soft);color:var(--info-text)}.toast .t-body{flex:1;line-height:1.4}.toast .t-body b{font-size:var(--text-sm);font-weight:600}.toast .t-body p{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-3)}.toast .t-close{background:none;border:none;color:var(--text-3);cursor:pointer;width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs)}.toast .t-close:hover{color:var(--text);background:var(--surface-3)}.toast .t-close svg{width:14px;height:14px}.tip{position:relative;display:inline-flex}.tip>.tip-bub{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#0c1322;color:#fff;font-size:var(--text-xs);font-weight:500;white-space:nowrap;padding:6px 10px;border-radius:var(--r-xs);pointer-events:none;opacity:0;transition:opacity .14s var(--ease),transform .14s var(--ease);z-index:50}[data-theme=dark] .tip>.tip-bub{background:#f1f4f9;color:#0c1322}.tip>.tip-bub:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0c1322}[data-theme=dark] .tip>.tip-bub:after{border-top-color:#f1f4f9}.tip:hover>.tip-bub{opacity:1;transform:translate(-50%) translateY(0)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 37%,var(--surface-3) 63%);background-size:400% 100%;border-radius:var(--r-sm);animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-text{height:12px;border-radius:var(--r-pill)}.skeleton-circle{border-radius:50%}.spinner{width:22px;height:22px;border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner.lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.state{text-align:center;padding:var(--s9) var(--s5)}.state .state-ic{width:56px;height:56px;border-radius:var(--r-lg);display:grid;place-items:center;margin:0 auto var(--s4);background:var(--surface-3);color:var(--text-3)}.state .state-ic svg{width:28px;height:28px}.state .state-ic.danger{background:var(--danger-soft);color:var(--danger-text)}.state .state-ic.accent{background:var(--accent-soft);color:var(--accent-deep)}.state h4{font-size:var(--text-lg);color:var(--text);margin-bottom:6px}.state p{color:var(--text-2);font-size:var(--text-sm);max-width:42ch;margin:0 auto var(--s5);line-height:1.5}.state .state-actions{display:flex;gap:var(--s2);justify-content:center}.progress{height:8px;background:var(--surface-3);border-radius:var(--r-pill);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width .4s var(--ease)}body{background:var(--bg)}#root{min-height:100vh}.devbar{position:fixed;right:14px;bottom:14px;z-index:90;display:flex;align-items:center;gap:6px;background:#0b1120;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);padding:5px;box-shadow:var(--shadow-lg)}.devbar button{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:#9fb0c7;background:none;border:none;padding:7px 13px;border-radius:var(--r-pill);cursor:pointer;transition:all .15s var(--ease)}.devbar button:hover{color:#fff}.devbar button.active{background:var(--accent);color:#fff}.devbar .lbl{font-family:var(--font-mono);font-size:10px;color:#59677d;padding:0 8px 0 4px}.stage{min-height:100vh}.stage.sim{background:#e7eaef;padding:var(--s6) var(--s4);display:flex;justify-content:center;align-items:flex-start}.frame{background:var(--bg);overflow:hidden}.stage.sim .frame{width:100%;border-radius:26px;box-shadow:0 30px 70px -24px #0c132266,0 0 0 9px #101a2e,0 0 0 10px #2a3548;height:calc(100vh - 48px);overflow-y:auto}.stage.sim.tablet .frame{max-width:834px}.stage.sim.mobile .frame{max-width:390px}.frame-hint{text-align:center;font-size:var(--text-xs);color:var(--text-3);font-family:var(--font-mono);margin-top:10px}.erp{display:grid;grid-template-columns:258px 1fr;min-height:100%}.erp.compact{grid-template-columns:1fr}.erp-side{background:var(--sidebar-grad);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.dev-tablet .erp-side,.dev-mobile .erp-side{display:none}.co-sw{margin:var(--s4) var(--s4) var(--s3);padding:10px var(--s3);border-radius:var(--r);background:#ffffff0d;border:1px solid var(--sidebar-border);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s var(--ease)}.co-sw:hover{background:#ffffff17;border-color:#ffffff2e}.co-sw .co-av{width:30px;height:30px;border-radius:var(--r-xs);flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff}.co-sw .co-tx{min-width:0;line-height:1.25;flex:1}.co-sw .co-tx b{display:block;color:#fff;font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sw .co-tx span{font-size:10.5px;color:var(--sidebar-muted);font-family:var(--font-mono)}.co-sw svg{color:var(--sidebar-muted);flex:none}.co-menu{position:absolute;left:var(--s4);right:var(--s4);top:76px;z-index:40;background:#131c30;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden}.co-menu .co-i{display:flex;align-items:center;gap:10px;padding:10px var(--s3);cursor:pointer;color:var(--sidebar-text);font-size:var(--text-sm)}.co-menu .co-i:hover{background:#ffffff12;color:#fff}.co-menu .co-i.on{background:var(--accent-soft);color:#fff}.co-menu .co-i .co-av{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:700;font-size:11px;color:#fff;flex:none}.co-menu .co-sep{border-top:1px solid rgba(255,255,255,.09);padding:8px var(--s3);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-muted)}.selector-sede{display:block;margin:0 var(--s4) var(--s3)}.selector-sede select{width:100%;padding:9px var(--s3);border-radius:var(--r);background:#ffffff0d;border:1px solid var(--sidebar-border);color:var(--sidebar-text);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all .15s var(--ease)}.selector-sede select:hover{background:#ffffff17;border-color:#ffffff2e}.selector-sede select:focus{outline:none;border-color:var(--accent)}.erp-top{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s6);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:25}.erp-top .tt{font-family:var(--font-display);font-weight:600;font-size:var(--text-md)}.erp-top .sp{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}.tb-search{position:relative;display:flex;align-items:center;width:300px}.tb-search svg{position:absolute;left:11px;color:var(--text-3)}.tb-search input{padding-left:34px}.dev-mobile .tb-search,.dev-tablet .tb-search{display:none}.bell-dot{position:relative}.bell-dot:after{content:"";position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid var(--bg)}.mtop{display:none;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--sidebar-grad);color:#fff;position:sticky;top:0;z-index:25}.dev-mobile .mtop,.dev-tablet .mtop{display:flex}.mtop img{height:30px;width:30px;border-radius:8px}.mtop .mt-tx{line-height:1.2;flex:1;min-width:0}.mtop .mt-tx b{display:block;font-family:var(--font-display);font-size:var(--text-md);font-weight:700}.mtop .mt-tx span{font-size:10px;color:var(--sidebar-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mtop .mi{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;background:#ffffff14;color:#fff;border:none;cursor:pointer;flex:none}.erp-page{padding:var(--s5) var(--s6) var(--s8)}.dev-mobile .erp-page{padding:var(--s4) var(--s4) 96px}.dev-tablet .erp-page{padding:var(--s5) var(--s5) 96px}.ph{display:flex;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap}.ph h1{font-size:var(--text-2xl);font-weight:600}.ph p{color:var(--text-2);font-size:var(--text-sm);margin:3px 0 0}.ph .acts{margin-left:auto;display:flex;gap:var(--s2);flex-wrap:wrap}.dev-mobile .ph h1{font-size:var(--text-xl)}.dev-mobile .ph .acts{margin-left:0;width:100%}.dev-mobile .ph .acts .btn{flex:1;min-height:46px}.bnav{display:none;position:sticky;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px -12px #0c13224d}.dev-mobile .bnav,.dev-tablet .bnav{display:grid;grid-template-columns:repeat(5,1fr)}.bnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;background:none;border:none;cursor:pointer;color:var(--text-3);font-family:var(--font-ui);font-size:10.5px;font-weight:600;border-radius:var(--r-sm)}.bnav button.active{color:var(--accent-deep);background:var(--accent-soft)}.bnav button svg{width:21px;height:21px}.bnav .fab{color:#fff}.bnav .fab span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);box-shadow:0 6px 14px -4px #16a34a99}.mdrawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex}.mdrawer .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mdrawer .panel{position:relative;width:280px;max-width:84%;background:var(--sidebar-grad);display:flex;flex-direction:column;animation:dw-in .22s var(--ease)}@keyframes dw-in{0%{transform:translate(-100%)}}.kg{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}.dev-tablet .kg{grid-template-columns:repeat(2,1fr)}.dev-mobile .kg{grid-template-columns:1fr;gap:10px}.dev-mobile .kc{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"ic lab val" "ic meta val";column-gap:13px;row-gap:3px;align-items:center;padding:13px var(--s4) 13px var(--s5)}.dev-mobile .kc-top{display:contents}.dev-mobile .kc-ic{grid-area:ic}.dev-mobile .kc-lab{grid-area:lab;letter-spacing:.04em}.dev-mobile .kc-meta{grid-area:meta;margin-top:0;font-size:11px}.dev-mobile .kc-tr,.dev-mobile .kc-prog{grid-column:1 / -1;margin-top:9px}.kc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kc, var(--accent))}.kc-top{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.kc-ic{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--kc, var(--accent)) 13%,var(--surface));color:var(--kc, var(--accent))}.kc-lab{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);line-height:1.3}.kc-val{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--text)}.dev-mobile .kc-val{grid-area:val;text-align:right;font-size:21px;white-space:nowrap}.kc-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);margin-top:7px}.kc-tr{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;margin-top:8px}.kc-tr.up{color:var(--success-text)}.kc-tr.dn{color:var(--danger-text)}.kc-tr.nu{color:var(--text-3)}.kc-prog{height:4px;border-radius:99px;background:var(--surface-3);margin-top:10px;overflow:hidden}.kc-prog>span{display:block;height:100%;border-radius:99px;background:var(--kc, var(--accent))}.mini-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-top:var(--s4)}.dev-mobile .mini-row{grid-template-columns:repeat(2,1fr)}.mini{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s3)}.mini .mv{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--mc, var(--text))}.mini .ml{font-size:var(--text-xs);color:var(--text-2);font-weight:600;line-height:1.3}.g2{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--s4);margin-top:var(--s5);align-items:start}.g2e{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s5);align-items:start}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s5);align-items:start}.dev-tablet .g2,.dev-tablet .g2e,.dev-tablet .g3,.dev-mobile .g2,.dev-mobile .g2e,.dev-mobile .g3{grid-template-columns:1fr}.ch-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.ch-head h3{font-size:var(--text-md);font-weight:600}.ch-head .sp{margin-left:auto}.bars2{display:flex;align-items:flex-end;gap:var(--s4);height:190px;padding-top:18px}.bars2 .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%}.bars2 .stack{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bars2 .b{width:42%;max-width:26px;border-radius:5px 5px 0 0;position:relative;transition:height .5s var(--ease)}.bars2 .b.v{background:linear-gradient(180deg,var(--accent),#34D07F)}.bars2 .b.c{background:linear-gradient(180deg,#64748b,#94a3b8)}.bars2 .xl{font-size:var(--text-xs);color:var(--text-2);font-weight:600}.lg2{display:flex;gap:var(--s4);justify-content:center;margin-top:var(--s3);font-size:var(--text-xs);color:var(--text-2)}.lg2 i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.donut-wrap{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap;justify-content:center}.donut{width:132px;height:132px;border-radius:50%;position:relative;flex:none}.donut .hole{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-align:center}.donut .hole b{font-family:var(--font-display);font-size:var(--text-lg)}.donut .hole span{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.rank{display:flex;flex-direction:column;gap:11px}.rank .r{display:grid;grid-template-columns:22px 1fr auto;gap:var(--s3);align-items:center}.rank .rn{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);font-weight:600}.rank .rb{min-width:0}.rank .rb b{display:block;font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank .rt{height:5px;border-radius:99px;background:var(--surface-3);margin-top:5px;overflow:hidden}.rank .rt>span{display:block;height:100%;border-radius:99px;background:var(--accent)}.rank .rv{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-align:right}.rank .rv span{display:block;font-size:10.5px;color:var(--text-3)}.tbar{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s4)}.tbar .sf{position:relative;display:flex;align-items:center;flex:1;min-width:190px;max-width:320px}.tbar .sf svg{position:absolute;left:11px;color:var(--text-3)}.tbar .sf input{padding-left:34px;width:100%}.tbar .sp{margin-left:auto;display:flex;gap:var(--s2)}.dev-mobile .tbar .sf{max-width:none;min-width:0}.dev-mobile .tbar .sp{margin-left:0}.res{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s3)}.res b{color:var(--text);font-weight:600}.dev-mobile .table-wrap,.dev-tablet .tw-hide{display:none}.dev-mobile .card:has(>.table-wrap){display:none}.dev-mobile .tbl thead th{padding:10px var(--s4)}.stock-bar{height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:5px;width:90px}.stock-bar>span{display:block;height:100%;border-radius:99px}td.right,th.right{text-align:right}.pill-um{font-family:var(--font-mono);font-size:10.5px;color:var(--text-2);background:var(--surface-3);padding:1px 7px;border-radius:var(--r-pill)}.pag{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap}.pag .sp{margin-left:auto;display:flex;gap:4px;align-items:center}.pag .pb{min-width:32px;height:32px;border-radius:var(--r-xs);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.pag .pb.on{background:var(--text);color:var(--text-inv);border-color:var(--text)}.mlist{display:none;flex-direction:column;gap:var(--s3)}.dev-mobile .mlist{display:flex}.mcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);box-shadow:var(--shadow-sm)}.mcard .mc-h{display:flex;align-items:flex-start;gap:var(--s3)}.mcard .mc-h .mc-t{flex:1;min-width:0}.mcard .mc-h b{display:block;font-size:var(--text-md);font-weight:600;line-height:1.3}.mcard .mc-h .sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);margin-top:3px}.mcard .mc-g{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--border)}.mcard .mc-g .f .l{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.mcard .mc-g .f .v{font-size:var(--text-base);font-weight:600;margin-top:2px}.mcard .mc-g .f .v.mono{font-family:var(--font-mono)}.mcard .mc-a{display:flex;gap:var(--s2);margin-top:var(--s3)}.mcard .mc-a .btn{flex:1;min-height:44px}.pos{display:grid;grid-template-columns:1fr 400px;gap:var(--s4);align-items:start}.pos>*{min-width:0}.dev-tablet .pos,.dev-mobile .pos{grid-template-columns:1fr}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s3)}.dev-mobile .pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s3);cursor:pointer;text-align:left;transition:all .15s var(--ease);box-shadow:var(--shadow-sm)}.pp:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pp .pth{width:100%;height:58px;border-radius:var(--r-xs);background:var(--surface-3);display:grid;place-items:center;color:var(--text-3);margin-bottom:9px}.pp b{display:block;font-size:var(--text-sm);font-weight:600;line-height:1.3}.pp .pc{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);margin-top:2px}.pp .pr{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px}.pp .pr .pv{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--accent-deep)}.pp .pr .ps{font-family:var(--font-mono);font-size:10.5px;color:var(--text-2)}.pp.out{opacity:.5;cursor:not-allowed}.dev-mobile .pp{min-height:116px}.cart{position:sticky;top:74px}.dev-mobile .cart,.dev-tablet .cart{position:static}.ci{display:flex;align-items:center;gap:var(--s3);padding:10px var(--s4);border-bottom:1px solid var(--border)}.ci .cin{flex:1;min-width:0}.ci .cin b{display:block;font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci .cin span{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.qty{display:flex;align-items:center;gap:2px}.qty button{width:30px;height:30px;border-radius:var(--r-xs);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:grid;place-items:center}.dev-mobile .qty button{width:44px;height:44px}.qty .q{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;min-width:30px;text-align:center}.ci .cip{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;min-width:76px;text-align:right}.tot-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-2);padding:3px 0}.tot-row.big{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text);border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.tot-row.big span:last-child{color:var(--accent-deep)}.pay-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pay-seg button{padding:10px 6px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px}.pay-seg button.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-deep)}.credit-warn{display:flex;gap:11px;padding:12px var(--s4);border-radius:var(--r);background:var(--danger-soft);color:var(--danger-text);font-size:var(--text-sm);line-height:1.45;margin-top:var(--s3)}.credit-warn svg{flex:none;margin-top:1px}.credit-warn b{display:block}.cred-bar{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden;display:flex}.cred-bar .u{background:var(--accent)}.cred-bar .v{background:var(--danger)}.cbox{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}.dev-mobile .cbox{grid-template-columns:repeat(2,1fr)}.cbox .cb{border:1px solid var(--border);border-radius:var(--r);padding:var(--s3) var(--s4)}.cbox .cb .l{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.cbox .cb .v{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-top:3px}.caja-hero{background:linear-gradient(150deg,#12203a,#0c1526 70%);color:#fff;border-radius:var(--r-lg);padding:var(--s5);display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap;position:relative;overflow:hidden}.caja-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 220px at 92% -20%,rgba(22,163,74,.28),transparent 60%)}.caja-hero>*{position:relative}.caja-hero .ch-v{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);letter-spacing:-.02em}.caja-hero .ch-l{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8fa0b6}.caja-hero .ch-d{display:flex;gap:var(--s6);flex-wrap:wrap}.caja-hero .ch-sp{margin-left:auto}.caja-hero .pos-v{color:#34d07f}.caja-hero .neg-v{color:#f87171}.rep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}.dev-tablet .rep-grid{grid-template-columns:repeat(2,1fr)}.dev-mobile .rep-grid{grid-template-columns:1fr}.rep{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);box-shadow:var(--shadow-sm);transition:all .15s var(--ease);cursor:pointer}.rep:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:var(--shadow-md)}.rep .ri{width:36px;height:36px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center;margin-bottom:10px}.rep b{display:block;font-size:var(--text-md);font-weight:600}.rep p{font-size:var(--text-sm);color:var(--text-2);margin:4px 0 12px;line-height:1.45}.rep .rx{display:flex;gap:6px}.rep .rx span{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--r-xs);background:var(--surface-3);color:var(--text-2)}.perm-grid{display:grid;grid-template-columns:220px 1fr;gap:var(--s5);align-items:start}.dev-tablet .perm-grid,.dev-mobile .perm-grid{grid-template-columns:1fr}.role-list{display:flex;flex-direction:column;gap:3px}.role-list button{display:flex;align-items:center;gap:9px;padding:10px var(--s3);border-radius:var(--r-sm);border:none;background:none;color:var(--text-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;cursor:pointer;text-align:left;min-height:44px}.role-list button:hover{background:var(--surface-2);color:var(--text)}.role-list button.on{background:var(--accent-soft);color:var(--accent-deep)}.pgroup{border-bottom:1px solid var(--border)}.pgroup:last-child{border-bottom:none}.pgroup .pgh{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:var(--s4) var(--s5) var(--s2)}.prow{display:flex;align-items:center;gap:var(--s3);padding:9px var(--s5)}.prow .pn{flex:1;font-size:var(--text-base)}.prow:hover{background:var(--surface-2)}.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.dev-mobile .cfg-grid{grid-template-columns:1fr}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.dev-mobile .fgrid{grid-template-columns:1fr}.dev-mobile .input,.dev-mobile .select{min-height:46px}.acc-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:var(--r-xs)}.diff{font-family:var(--font-mono);font-size:var(--text-xs)}.diff .old{color:var(--danger-text);text-decoration:line-through}.diff .new{color:var(--success-text)}.astrip{display:flex;flex-direction:column;gap:var(--s2)}.arow{display:flex;align-items:center;gap:var(--s3);padding:11px var(--s4);border-radius:var(--r);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--ac, var(--warning))}.arow .ai{color:var(--ac, var(--warning));flex:none}.arow .at{flex:1;min-width:0;font-size:var(--text-sm)}.arow .at b{font-weight:600}.arow .at span{display:block;color:var(--text-2);font-size:var(--text-xs)}.lg-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.lg-hero{background:linear-gradient(155deg,#12203a,#0c1526 58%,#070c16);color:#fff;padding:var(--s9) var(--s8);display:flex;flex-direction:column;position:relative;overflow:hidden}.lg-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(620px 380px at 92% -8%,rgba(22,163,74,.3),transparent 62%),radial-gradient(500px 340px at -8% 108%,rgba(22,163,74,.14),transparent 60%)}.lg-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;-webkit-mask:linear-gradient(#000,transparent 70%);mask:linear-gradient(#000,transparent 70%)}.lg-hero>*{position:relative}.lg-brand{display:flex;align-items:center;gap:var(--s3)}.lg-brand img{width:46px;height:46px;border-radius:13px}.lg-brand .b1{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl)}.lg-brand .b2{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6ee7a6;margin-top:3px}.lg-mid{margin-top:auto}.lg-mid h1{font-size:40px;line-height:1.06;letter-spacing:-.025em;color:#fff}.lg-mid h1 .g{color:#34d07f}.lg-mid p{color:#c4cedd;font-size:var(--text-md);margin:var(--s4) 0 0;max-width:30em;line-height:1.6}.lg-feats{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s7)}.lg-feat{display:flex;align-items:center;gap:var(--s3);padding:12px var(--s4);border-radius:var(--r);background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.lg-feat .fi{width:32px;height:32px;border-radius:var(--r-xs);background:#34d07f2e;color:#6ee7a6;display:grid;place-items:center;flex:none}.lg-feat b{display:block;font-size:var(--text-sm)}.lg-feat span{font-size:var(--text-xs);color:#98a6ba}.lg-foot{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.12);font-size:var(--text-xs);color:#7c8aa0}.lg-foot b{color:#a9b6c9}.lg-side{display:flex;align-items:center;justify-content:center;padding:var(--s8) var(--s7);background:var(--bg)}.lg-card{width:100%;max-width:372px}.lg-card h2{font-size:var(--text-xl)}.lg-card .sub{color:var(--text-2);font-size:var(--text-sm);margin:5px 0 var(--s6)}.lg-card .f{display:flex;flex-direction:column;gap:var(--s4)}.lg-card .input{min-height:46px}.lg-card .btn{min-height:48px}.lg-demo{margin-top:var(--s5);padding:var(--s4);border-radius:var(--r);background:var(--surface-2);border:1px dashed var(--border-strong);font-size:var(--text-xs);color:var(--text-2);line-height:1.6}.lg-demo b{color:var(--text);display:block;margin-bottom:3px}.lg-demo code{font-family:var(--font-mono);color:var(--accent-deep)}@media(max-width:900px){.lg-page{grid-template-columns:1fr}.lg-hero{display:none}}.sec-t{font-size:var(--text-md);font-weight:600;margin:var(--s6) 0 var(--s3);font-family:var(--font-display)}.hidden{display:none!important}.only-mobile{display:none}.dev-mobile .only-mobile{display:block}.dev-mobile .hide-mobile{display:none!important}.toast-stack{position:fixed;right:18px;bottom:72px;z-index:200;display:flex;flex-direction:column;gap:9px}.tst{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);padding:11px var(--s4);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:600;animation:tst-in .22s var(--ease)}@keyframes tst-in{0%{opacity:0;transform:translateY(8px)}}.tst svg{color:var(--accent-deep);flex:none}.mov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:var(--s5);background:#080c158c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mdl{width:520px;max-width:100%;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:mdl-in .22s var(--ease)}@keyframes mdl-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.mdl.lg{width:720px}.mdl-h{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.mdl-h h3{font-size:var(--text-md);flex:1}.mdl-b{padding:var(--s5)}.mdl-f{display:flex;gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--border);background:var(--surface-2)}.mdl-f .sp{margin-left:auto;display:flex;gap:var(--s2)}.dev-mobile .mdl{width:100%}.dev-mobile .mdl-f .btn{flex:1;min-height:46px}@media(max-width:1023px){.erp{grid-template-columns:1fr}.erp-side,.tb-search,.erp-top{display:none}.mtop{display:flex}.mtop .mi{width:44px;height:44px}.bnav{display:grid;grid-template-columns:repeat(5,1fr)}.erp-page{padding:var(--s5) var(--s5) 96px}.kg{grid-template-columns:repeat(2,1fr)}.g2,.g2e,.g3,.pos{grid-template-columns:1fr}.cart{position:static}.rep-grid,.perm-grid{grid-template-columns:repeat(2,1fr)}.tw-hide{display:none}}@media(max-width:767px){.erp-page{padding:var(--s4) var(--s4) 96px}.ph h1{font-size:var(--text-xl)}.ph .acts{margin-left:0;width:100%}.ph .acts .btn{flex:1;min-height:46px}.kg{grid-template-columns:1fr;gap:10px}.kc{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"ic lab val" "ic meta val";column-gap:13px;row-gap:3px;align-items:center;padding:13px var(--s4) 13px var(--s5)}.kc-top{display:contents}.kc-ic{grid-area:ic}.kc-lab{grid-area:lab;letter-spacing:.04em}.kc-val{grid-area:val;text-align:right;font-size:21px;white-space:nowrap}.kc-meta{grid-area:meta;margin-top:0;font-size:11px}.kc-tr,.kc-prog{grid-column:1 / -1;margin-top:9px}.mini-row{grid-template-columns:repeat(2,1fr)}.mini{min-width:0}.mini .ml{min-width:0;overflow-wrap:anywhere}.tbar .sf{max-width:none;min-width:0}.tbar .sp{margin-left:0}.table-wrap{display:none}.card:has(>.table-wrap){background:transparent;border:none;padding:0}.mlist{display:flex}.pag{flex-wrap:wrap;gap:var(--s2)}.pag .pb{min-width:44px;min-height:44px}.tbl thead th{padding:10px var(--s4)}.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp{min-height:116px}.qty button{width:44px;height:44px}.cbox{grid-template-columns:repeat(2,1fr)}.rep-grid,.perm-grid,.cfg-grid,.fgrid{grid-template-columns:1fr}.input,.select{min-height:46px}.btn,.btn-sm,.segment button,.pay-seg button,.chip,.icon-btn{min-height:44px}.btn-lg{min-height:48px}.ch-head a,.ph a,.acts a{min-height:44px;display:inline-flex;align-items:center}.only-mobile{display:block}.hide-mobile{display:none!important}.mdl,.mdl.lg{width:100%}.mdl-f .btn{flex:1;min-height:46px}}@media(min-width:1024px){.mlist,.bnav,.mtop{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}