*{box-sizing:border-box}html,body{margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:root{--navy:#182642;--navy-2:#1e3658;--star:#0a6fa8;--star-2:#2b94d2;--aster:#808da7;--stardust:#b9c4dc;--bluelips:#a4bfe5;--success:#15803d;--success-soft:#dcfce7;--warning:#b45309;--warning-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--info:#0369a1;--info-soft:#dbeafe;--page:#f3f5f9;--surface:#fff;--surface-2:#fbfbfd;--alt:#f7f8fc;--muted:#eef1f7;--hover:#f4f6fb;--line:#e3e8f1;--line-soft:#eef1f7;--line-strong:#c9d1df;--ink:#0c1424;--body:#1a2440;--soft:#5b6781;--dust:#8b95ac;--whisper:#b4becd;--sb-bg:#0e1729;--sb-bg-2:#182642;--sb-text:#c9d1df;--sb-text-soft:#8e99b0;--sb-hover:#ffffff0d;--sb-active-bg:var(--accent-a15);--sb-active-fg:#fff;--sb-section:#828fac;--sb-line:#ffffff0f;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--sh-xs:0 1px 0 #0f172a0a;--sh-sm:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--sh-md:0 4px 14px -2px #0f172a14, 0 2px 4px -1px #0f172a0a;--sh-lg:0 16px 40px -10px #0f172a2e, 0 4px 12px -2px #0f172a0f;--sh-xl:0 24px 60px -16px #0f172a47;--sh-focus:0 0 0 3px #0b7ec22e;--f-display:"Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;--f-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--d:1;--pad-row:calc(11px * var(--d));--pad-cell:calc(14px * var(--d));--pad-card:calc(20px * var(--d));--row-h:calc(40px * var(--d));--accent:var(--star);--accent-2:var(--star-2);--accent-soft:#e6f0fa}html.dark{--page:#0a0e1a;--surface:#121826;--surface-2:#161d2e;--alt:#1a2235;--muted:#1f273b;--hover:#1a2235;--line:#232c43;--line-soft:#1c2438;--line-strong:#2e3852;--ink:#f3f5fa;--body:#dde2ec;--soft:#99a3b9;--dust:#6e7894;--whisper:#4b5470;--accent-soft:#0b7ec224;--success-soft:#15803d29;--warning-soft:#b453092e;--danger-soft:#b91c1c29;--info-soft:#0369a12e;--sh-xs:0 1px 0 #0000004d;--sh-sm:0 1px 2px #0000004d;--sh-md:0 4px 14px -2px #0006;--sh-lg:0 16px 40px -10px #0000008c;--sh-xl:0 24px 60px -16px #000000b3;--sh-focus:0 0 0 3px #0b7ec259}body{font-family:var(--f-body);background:var(--page);color:var(--body);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv01";font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--f-display);color:var(--ink);letter-spacing:-.02em;margin:0}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:700}.display{font-family:var(--f-display);letter-spacing:-.025em}.mono{font-family:var(--f-mono);font-feature-settings:"tnum"}.tabular{font-variant-numeric:tabular-nums}.text-soft{color:var(--soft)}.text-dust{color:var(--dust)}.text-body{color:var(--body)}.text-ink{color:var(--ink)}.app-shell{grid-template-columns:var(--sidebar-w,200px) 1fr;background:color-mix(in srgb, var(--accent) 3%, var(--page));min-height:100vh;display:grid}.app-shell.collapsed{--sidebar-w:72px}.app-shell.no-sidebar{grid-template-columns:1fr}.sidebar-backdrop{z-index:99;background:#00000059;display:none;position:fixed;inset:0}.sidebar-backdrop.show{display:block}.sidebar{background:color-mix(in srgb, var(--accent) 6%, var(--sb-bg));color:var(--sb-text);border-right:1px solid var(--sb-line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.light-mode{--sb-bg:#fff;--sb-bg-2:#fafbfd;--sb-text:var(--body);--sb-text-soft:var(--dust);--sb-hover:var(--hover);--sb-active-bg:var(--accent-soft);--sb-active-fg:var(--accent);--sb-section:var(--dust);--sb-line:var(--line);border-right:1px solid var(--line)}.sidebar-brand{border-bottom:1px solid var(--sb-line);flex-shrink:0;align-items:center;gap:10px;padding:14px;display:flex}.sidebar-brand .logo{background:linear-gradient(135deg, var(--star) 0%, var(--star-2) 100%);border-radius:var(--r-md);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden}.sidebar-brand .logo:after{content:"";background:radial-gradient(circle at 30% 30%,#ffffff40,#0000 60%);position:absolute;inset:0}.sidebar-brand .logo svg{color:#fff;z-index:1;width:22px;height:22px;position:relative}.sidebar-brand .text{flex:1;min-width:0}.sidebar-brand .name{font-family:var(--f-display);color:var(--sb-active-fg);letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.1;display:block}.sidebar-brand .sub{color:var(--sb-text-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600;display:block}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:6px 8px 16px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar{overflow:hidden}.sidebar *{scrollbar-width:none}.sidebar ::-webkit-scrollbar{display:none}.sb-section{color:var(--sb-section);letter-spacing:.12em;text-transform:uppercase;padding:10px 10px 4px;font-size:10px;font-weight:700}.sb-link{border-radius:var(--r-md);color:var(--sb-text);align-items:center;gap:9px;margin:1px 0;padding:7px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.sb-link .icon{width:18px;height:18px;color:var(--sb-text-soft);flex-shrink:0;place-items:center;font-size:13px;transition:color .15s;display:grid}.sb-link:hover{background:var(--sb-hover);color:var(--sb-active-fg)}.sb-link:hover .icon{color:var(--sb-active-fg)}.sb-link.active{background:var(--sb-active-bg);color:var(--sb-active-fg);font-weight:600}.sb-link.active .icon{color:var(--sb-active-fg)}.sb-link.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.sb-link .badge{background:var(--accent);color:#fff;border-radius:var(--r-full);text-align:center;min-width:16px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.app-shell.collapsed .sb-link span:not(.icon):not(.badge),.app-shell.collapsed .sidebar-brand .text,.app-shell.collapsed .sb-section{display:none}.app-shell.collapsed .sb-link{justify-content:center;padding:10px}.app-shell.collapsed .sidebar-brand{justify-content:center;padding:14px 0}.app-shell.collapsed .sb-link.active:before{display:none}.sidebar-footer{border-top:1px solid var(--sb-line);flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.sidebar-footer .ava{border-radius:var(--r-md);background:linear-gradient(135deg, var(--star), var(--navy-2));color:#fff;width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--f-display);flex-shrink:0;place-items:center;display:grid}.sidebar-footer .who{flex:1;min-width:0}.sidebar-footer .who .nm{color:var(--sb-active-fg);font-size:13px;font-weight:600;line-height:1.1}.sidebar-footer .who .rl{color:var(--sb-text-soft);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:10px}.sidebar-footer .more{color:var(--sb-text-soft);border-radius:var(--r-sm);padding:6px}.sidebar-footer .more:hover{background:var(--sb-hover);color:var(--sb-active-fg)}.app-shell.collapsed .sidebar-footer .who,.app-shell.collapsed .sidebar-footer .more{display:none}.app-shell.collapsed .sidebar-footer{justify-content:center}@media (width<=900px){.app-shell{grid-template-columns:1fr}.app-shell.collapsed{--sidebar-w:0}.app-shell.sidebar-open{overflow:hidden}.sidebar{z-index:100;width:240px;max-width:85vw;box-shadow:var(--sh-xl);transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.show{display:block}.hamburger{display:inline-flex!important}.hide-tablet{display:none!important}}.main-col{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{background:color-mix(in srgb, var(--accent) 15%, var(--surface));z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;align-items:center;gap:14px;padding:10px 24px;display:flex;position:sticky;top:0}.topbar>*{flex-shrink:0}.topbar>.searchbar{flex-shrink:1}.topbar .iconbtn{border-radius:var(--r-md);width:34px;height:34px;color:var(--soft);place-items:center;transition:background .15s,color .15s;display:grid}.topbar .iconbtn:hover{background:var(--muted);color:var(--ink)}.topbar .iconbtn .dot{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.topbar .iconbtn{position:relative}.sim-badge{background:var(--warning-soft);color:var(--warning);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #f59e0b40;border-radius:999px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-flex}.crumbs{color:var(--soft);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.crumbs .sep{color:var(--whisper)}.crumbs .here{color:var(--ink);font-weight:600}@media (width<=1100px){.crumbs>:not(.here):not(:last-child){display:none}}.searchbar{background:var(--muted);border-radius:var(--r-md);min-width:0;max-width:480px;color:var(--soft);white-space:nowrap;border:1px solid #0000;flex:1;align-items:center;gap:10px;padding:7px 12px;font-size:13px;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.searchbar>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.searchbar:hover{background:var(--alt);border-color:var(--line)}.searchbar .kbd{font-family:var(--f-mono);background:var(--surface);color:var(--soft);border:1px solid var(--line);border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px}.sucursal-chip{background:var(--alt);border:1px solid var(--line);border-radius:var(--r-full);color:var(--body);white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.sucursal-chip:hover{background:var(--muted);border-color:var(--line-strong)}.popover{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);z-index:40;min-width:200px;animation:.15s ease-out popdown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes popdown{0%{transform:translateY(-4px)}to{transform:none}}.popover-header{border-bottom:1px solid var(--line);background:var(--alt);padding:10px 14px}.popover-list{padding:6px}.popover-item{border-radius:var(--r-sm);width:100%;color:var(--body);text-align:left;align-items:center;gap:10px;padding:9px 10px;font-size:13px;transition:background .12s;display:flex}.popover-item:hover{background:var(--hover);color:var(--ink)}.popover-item.active{background:var(--accent-soft);color:var(--accent)}.popover-item.logout{color:var(--danger)}.popover-item.logout:hover{background:var(--danger-soft)}.popover-section{border-bottom:1px solid var(--line);padding:12px 14px}.popover-section:last-of-type{border-bottom:0}.popover-section-label{color:var(--dust);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.user-popover{min-width:320px;right:0}.user-popover-header{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);color:#fff;align-items:flex-start;gap:12px;padding:16px;display:flex}.user-trigger{border-radius:var(--r-full);background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:background .15s,border-color .15s;display:inline-flex}.user-trigger:hover{background:var(--muted);border-color:var(--line)}.user-name{color:var(--body);font-size:13px;font-weight:600}@media (width<=900px){.user-name{display:none}}.suc-chips{flex-wrap:wrap;gap:6px;display:flex}.suc-chip-pill{border-radius:var(--r-full);border:1px solid var(--line);color:var(--soft);background:0 0;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.suc-chip-pill .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.suc-chip-pill:hover{background:var(--hover);color:var(--ink)}.suc-chip-pill.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}html.dark .suc-chip-pill.active{background:var(--surface);color:var(--ink);border-color:var(--surface)}.role-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.role-chip{border-radius:var(--r-sm);background:var(--alt);border:1px solid var(--line);color:var(--body);letter-spacing:.02em;text-align:left;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.role-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.link-sm{color:var(--warning);font-size:11px;font-weight:700;text-decoration:underline}.searchbar-text{text-overflow:ellipsis;flex:1;overflow:hidden}@media (width<=1100px){.searchbar-text,.searchbar .kbd{display:none}.searchbar{flex:0 0 36px;justify-content:center;width:36px;height:36px;padding:7px 0}}@media (width<=700px){.clock-display{display:none}}.crumb-bar{background:var(--alt);border-bottom:1px solid var(--line);color:var(--soft);z-index:19;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;align-items:center;gap:8px;padding:7px 24px;font-size:11.5px;display:flex;position:sticky;top:54px}.crumb{color:var(--soft)}.crumb-here{color:var(--ink);font-weight:600}.crumb-sep{color:var(--whisper);display:inline-flex}.grid-filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;display:grid}.es-tabs{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;padding:4px}.es-tabs .seg{align-items:center;padding:8px 14px;font-size:12.5px;display:inline-flex}.sucursal-chip .dot{background:var(--success);border-radius:50%;width:7px;height:7px}.content{flex:1;min-width:0;min-height:100vh;padding:28px}.content.tight{padding:20px 24px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-head h1{font-size:26px}.page-head .sub{color:var(--soft);margin-top:4px;font-size:13px}.page-head .actions{gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);min-width:0}.card.elev{box-shadow:var(--sh-md)}.card-pad{padding:var(--pad-card)}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-head .ttl{color:var(--ink);font-size:13px;font-weight:700}.card-head .meta{color:var(--soft);font-size:12px}.btn{border-radius:var(--r-md);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,color .15s,transform 50ms,box-shadow .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--sh-focus);outline:none}.btn .ico{font-size:12px}.btn-primary{background:var(--ink);color:var(--surface)}.btn-primary:hover{background:#000}html.dark .btn-primary{background:var(--surface);color:var(--ink)}html.dark .btn-primary:hover{background:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-2)}.btn-secondary{background:var(--surface);color:var(--body);border-color:var(--line)}.btn-secondary:hover{background:var(--muted);border-color:var(--line-strong)}.btn-ghost{color:var(--soft);background:0 0}.btn-ghost:hover{background:var(--muted);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-sm{padding:6px 10px;font-size:12px}.btn-lg{padding:12px 18px;font-size:14px}.icon-btn{border-radius:var(--r-sm);width:30px;height:30px;color:var(--soft);place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--muted);color:var(--ink)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--soft);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.filter-label{color:var(--soft);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin-bottom:4px;font-size:9px;font-weight:700}.input,.select,.textarea{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:100%;color:var(--body);padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;display:block}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--sh-focus);outline:none}.input::placeholder{color:var(--dust)}.input-group{position:relative}.input-group .input{padding-left:36px}.input-group .lead-icon{color:var(--dust);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tbl-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);-webkit-overflow-scrolling:touch;overflow:auto hidden}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl thead th{background:var(--alt);padding:10px var(--pad-cell);text-align:left;color:var(--soft);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;font-size:11px;font-weight:700}.tbl tbody td{padding:var(--pad-row) var(--pad-cell);border-bottom:1px solid var(--line-soft);vertical-align:middle;color:var(--body)}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--hover)}.tbl .right{text-align:right}.tbl .center{text-align:center}.tbl .num{font-variant-numeric:tabular-nums}.tbl .strong{color:var(--ink);font-weight:600}.tbl .actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.tbl.striped tbody tr:nth-child(2n){background:var(--alt)}.tbl.striped tbody tr:nth-child(2n):hover{background:var(--hover)}.tbl.minimal thead th{border-bottom:2px solid var(--line);background:0 0}.tbl.minimal tbody td{border-bottom:1px solid var(--line-soft)}@media (width<=700px){.tbl-wrap{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.tbl thead{display:none}.tbl tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);margin-bottom:10px;padding:12px 14px;display:block}.tbl tbody tr:hover{background:var(--surface)}.tbl tbody td{border-bottom:1px solid var(--line-soft);word-break:break-word;align-items:flex-start;gap:8px;padding:5px 0;display:flex;text-align:left!important;white-space:normal!important}.tbl tbody td>*{min-width:0}.tbl tbody td:last-child{border-bottom:0}.tbl tbody td:before{content:attr(data-label);width:100px;color:var(--soft);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding-top:2px;font-size:10px;font-weight:700}.tbl .actions{justify-content:flex-start}.tbl .right{text-align:left!important}}.badge{border-radius:var(--r-full);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.neutral{background:var(--muted);color:var(--soft)}.badge.outline{border-color:var(--line);color:var(--soft);background:0 0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;position:relative;overflow:hidden}.kpi .lbl{color:var(--soft);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.kpi .lbl>span:not(.dot){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kpi .val{font-family:var(--f-display);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:10px 0 6px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1;overflow:hidden}.kpi .delta{align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.kpi .delta.up{color:var(--success)}.kpi .delta.down{color:var(--danger)}.kpi .delta .since{color:var(--soft);margin-left:4px;font-weight:500}.kpi .spark{opacity:.85;position:absolute;bottom:14px;right:14px}@media (width<=1100px){.kpi .spark{display:none}}.divider{background:var(--line);height:1px;margin:12px 0}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=700px){.row:not(.no-stack){flex-direction:column;align-items:stretch}.page-head{flex-direction:column;align-items:stretch;gap:12px}.page-head .actions{flex-wrap:wrap}.page-head .actions button{flex:1;justify-content:center}.page-head h1{font-size:22px}.content{padding:16px 14px}.content.tight{padding:12px 10px}.card{padding:14px}.seg-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.seg{white-space:nowrap;padding:7px 12px;font-size:12px}}.surface{background:var(--surface)}.alt-bg{background:var(--alt)}.muted-bg{background:var(--muted)}.dotline{color:var(--soft);align-items:center;gap:8px;font-size:12px;display:flex}.dotline:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.login-wrap{background:var(--page);grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=900px){.login-wrap{grid-template-columns:1fr 1fr}}.login-form-pane{justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-form-pane .inner{width:100%;max-width:380px}.login-art{color:#fff;background:linear-gradient(135deg,#182642 0%,#1e3658 60%,#0b7ec2 100%);display:none;position:relative;overflow:hidden}@media (width>=900px){.login-art{flex-direction:column;justify-content:space-between;padding:48px;display:flex}}.login-art:before{content:"";background:radial-gradient(circle at 80% 10%,#ffffff2e,#0000 50%),radial-gradient(circle at 10% 90%,#0b7ec280,#0000 50%);position:absolute;inset:0}.login-art>*{z-index:1;position:relative}.login-art .grid-bg{z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.login-topbar-wrap{background:var(--page);flex-direction:column;min-height:100vh;display:flex}.login-topbar{background:var(--navy);color:#fff;border-bottom:1px solid #0b7ec24d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative;overflow:hidden}.login-topbar:before{content:"";pointer-events:none;background:radial-gradient(circle at 92%,#0b7ec273,#0000 60%),radial-gradient(circle at 0 100%,#ffffff0d,#0000 50%);position:absolute;inset:0}.login-topbar:after{content:"";opacity:.6;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.login-topbar>*{z-index:1;position:relative}.login-topbar-body{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.login-topbar-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);width:100%;max-width:440px;padding:40px 40px 32px;box-shadow:0 10px 40px #0f172a14,0 2px 6px #0f172a0a}.login-topbar-foot{color:var(--soft);justify-content:space-between;align-items:center;padding:16px 40px 22px;font-size:11px;display:flex}@media (width<=600px){.login-topbar{padding:14px 18px}.login-topbar-card{padding:28px 24px 24px}.login-topbar-foot{text-align:center;flex-direction:column;gap:6px;padding:12px 18px 16px}}@keyframes loginShake{0%,to{transform:none}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes loginFadeOut{to{opacity:0;transform:scale(.97)}}.login-shake{animation:.5s ease-out loginShake}.login-fading{animation:.35s ease-in forwards loginFadeOut}.input-group.error .input{border-color:var(--danger)}.pos-grid{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}@media (width<=1100px){.pos-grid{grid-template-columns:1fr}}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-12{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (width<=1100px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3>:nth-child(odd):last-child{grid-column:span 2}.grid-12{grid-template-columns:1fr}}@media (width<=700px){.grid-2,.grid-3,.grid-4,.grid-12{grid-template-columns:1fr}.grid-3>:nth-child(odd):last-child{grid-column:span 1}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{padding:14px 16px}.topbar{gap:6px;padding:8px 10px}.hide-mobile{display:none!important}}@media (width<=450px){.kpi-grid{grid-template-columns:1fr}}.stack{gap:var(--gap,12px);flex-direction:column;display:flex}.hstack{align-items:center;gap:var(--gap,12px);flex-direction:row;display:flex}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:18px;display:flex}.tabs .tab{color:var(--soft);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.tabs .tab:hover{color:var(--ink)}.tabs .tab.active{color:var(--ink);border-color:var(--accent)}.seg-tabs{background:var(--muted);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.seg-tabs .seg{color:var(--soft);border-radius:var(--r-sm);padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.seg-tabs .seg.active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-xs)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#070b168c;justify-content:center;align-items:flex-start;padding-top:12vh;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--sh-xl);border:1px solid var(--line);animation:.2s cubic-bezier(.2,.8,.3,1.1) pop;overflow:hidden}@media (width<=600px){.modal{border:0;border-radius:0;flex-direction:column;max-width:100vw;height:100vh;max-height:100vh;display:flex}.modal .scroll-area{flex:1;overflow-y:auto}.overlay{align-items:stretch;padding:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1}}.empty{text-align:center;color:var(--dust);padding:60px 24px}.empty .ico{opacity:.4;margin-bottom:8px;font-size:32px}.pager{border-top:1px solid var(--line);background:var(--alt);color:var(--soft);justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;display:flex}.pager-btns{gap:4px;display:flex}.pager-btn{border-radius:var(--r-sm);min-width:30px;height:30px;color:var(--soft);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.pager-btn:hover:not(:disabled){background:var(--surface);color:var(--ink);border-color:var(--line)}.pager-btn.active{background:var(--ink);color:var(--surface)}html.dark .pager-btn.active{background:var(--surface);color:var(--ink)}.pager-btn:disabled{opacity:.35;cursor:not-allowed}@media (width<=700px){.pager{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px}.pager>span{white-space:nowrap;text-align:center}.pager-btns{flex-wrap:wrap;justify-content:center}}.avatar{border-radius:var(--r-md);width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--f-display);color:#fff;background:linear-gradient(135deg, var(--navy-2), var(--star));flex-shrink:0;place-items:center;display:grid}.avatar.sm{border-radius:var(--r-sm);width:26px;height:26px;font-size:11px}.avatar.lg{border-radius:var(--r-lg);width:44px;height:44px;font-size:15px}.bar{border-radius:var(--r-full);background:var(--muted);height:6px;position:relative;overflow:hidden}.bar .fill{border-radius:inherit;background:var(--accent);position:absolute;top:0;bottom:0;left:0}@keyframes fadeUp{0%{transform:translateY(6px)}to{transform:none}}.fade-up{animation:.35s ease-out fadeUp}.hero{color:#fff;border-radius:var(--r-xl);background:linear-gradient(145deg,#0d1b3e 0%,#182642 45%,#1a4a8a 100%);padding:28px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 85% 0,#0b7ec280,#0000 50%),radial-gradient(circle at 0 100%,#7c3aed2e,#0000 60%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero .grid-overlay{z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 70% 20%,#000 40%,#0000 80%);mask-image:radial-gradient(70% 80% at 70% 20%,#000 40%,#0000 80%)}.scroll-area{scrollbar-width:thin;overflow-y:auto}.scroll-area::-webkit-scrollbar{width:6px;height:6px}.scroll-area::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.receipt{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);font-family:var(--f-mono);color:var(--body);padding:24px;font-size:12px}.numpad{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.numpad button{border-radius:var(--r-md);background:var(--alt);font-family:var(--f-display);color:var(--ink);border:1px solid var(--line);padding:12px;font-size:18px;font-weight:600;transition:background .1s}.numpad button:hover{background:var(--muted)}.numpad button.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.numpad button.accent:hover{background:var(--accent-2)}.toast{background:var(--ink);color:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-lg);z-index:100;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;animation:.2s pop;display:flex;position:fixed;bottom:24px;right:24px}.utabs{border-bottom:1px solid var(--line);gap:24px;display:inline-flex}.utabs .t{color:var(--soft);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0;font-size:13px;font-weight:600}.utabs .t.active{color:var(--ink);border-color:var(--ink)}.bars{align-items:flex-end;gap:4px;height:80px;display:flex}.bars .b{background:linear-gradient(to top, var(--accent), var(--accent-2));opacity:.85;border-radius:3px 3px 0 0;flex:1;min-height:4%}.bars .b.muted{background:var(--muted);opacity:1}