@charset "UTF-8";:root{--brand-red: #fd0100;--brand-red-dark: #c40100;--brand-red-soft: #ffe8e7;--brand-orange: #fd0100;--brand-orange-light: #ff4d47;--brand-indigo: #6366f1;--brand-indigo-dark: #4f46e5;--brand-black: #18203a;--brand-charcoal: #243449;--brand-gold: #f5b800;--brand-cream: #fff8ee;--brand-bg: #fffcf8;--brand-muted: #5b6776;--brand-line: #ececec;--surface: #ffffff;--surface-2: #fffcf8;--surface-3: #f3f1ea;--surface-hover: rgba(0, 0, 0, .03);--text: #18203a;--text-muted: #5b6776;--border: #ececec;--input-border: #353b49;--shadow-color: rgba(40, 34, 24, .09);--topbar-bg: rgba(255, 255, 255, .72);--font-display: "DM Serif Display", "Playfair Display", Georgia, serif;--font-sans: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;--r-sm: 10px;--r-md: 18px;--r-lg: 28px;--r-xl: 40px;--shadow-sm: 0 4px 14px rgba(40, 50, 90, .07);--shadow-md: 0 18px 40px rgba(40, 50, 90, .1);--shadow-lg: 0 30px 80px rgba(40, 50, 90, .16);--shadow-red: 0 18px 40px rgba(253, 1, 0, .25)}[data-theme=dark]{--surface: #16273b;--surface-2: #112033;--surface-3: #0d1b2c;--surface-hover: rgba(255, 255, 255, .05);--text: #e8eef6;--text-muted: #94a3b8;--border: #243b52;--input-border: #3a5170;--shadow-color: rgba(0, 0, 0, .45);--brand-bg: #112033;--brand-black: #e8eef6;--brand-muted: #94a3b8;--brand-line: #243b52;--brand-cream: #16273b;--topbar-bg: rgba(17, 26, 42, .72)}html{transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-3);color:var(--brand-black);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}table,input[type=number],input[type=date]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}code,kbd,samp,pre,.mono{font-family:var(--font-mono)}img{max-inline-size:100%;block-size:auto;display:block}#app{position:relative;z-index:1}@keyframes nexvia-spin{to{transform:rotate(360deg)}}.refresh-icon{transition:transform .2s ease}.refresh-icon.is-spinning{animation:nexvia-spin .6s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:600;cursor:pointer;border-radius:8px;transition:all .18s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent}.btn.btn-md{block-size:38px;padding:0 16px;font-size:.86rem}.btn.btn-sm{block-size:32px;padding:0 12px;font-size:.8rem}.btn.btn-block{inline-size:100%}.btn:disabled,.btn.btn-loading{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.btn-primary:hover:not(:disabled){background:var(--brand-red-dark);border-color:var(--brand-red-dark)}.btn-secondary{background:var(--surface);color:var(--brand-black);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--brand-bg);border-color:var(--brand-black)}.btn-ghost{background:transparent;color:var(--brand-black)}.btn-ghost:hover:not(:disabled){background:var(--brand-bg)}.btn-danger{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.btn-danger:hover:not(:disabled){background:var(--brand-red-dark)}.btn .btn-label{display:inline-flex;align-items:center}.btn .spin{inline-size:12px;block-size:12px;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:nexvia-spin .7s linear infinite;opacity:.7}.breadcrumb{font-size:.82rem}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.breadcrumb li{display:inline-flex;align-items:center;gap:6px}.crumb{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;color:var(--brand-muted);text-decoration:none;font-weight:600;transition:all .18s ease;white-space:nowrap;border:0;background:transparent;font-family:inherit;cursor:pointer}.crumb svg{flex-shrink:0}.crumb.home svg{opacity:.85}.crumb:not(.current):hover{background:var(--brand-bg);color:var(--brand-red)}.crumb.current{color:var(--brand-black);font-weight:700;cursor:default}.breadcrumb .sep{color:var(--brand-muted);opacity:.7;flex-shrink:0}.page-header{margin-block-end:22px}.page-header .header-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-block-start:10px}.page-header .header-text{min-inline-size:0}.page-header .header-text h1{margin:0;font-size:1.6rem;font-weight:700;color:var(--brand-black);letter-spacing:-.01em;line-height:1.2}.page-header .header-text p{margin:4px 0 0;font-size:.88rem;color:var(--brand-muted)}.page-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.form-section{border-block-end:1px solid var(--border)}.form-section:last-child{border-block-end:0}.form-section .section-head{display:flex;align-items:flex-start;gap:14px;padding:20px 24px 14px}.form-section .section-num{inline-size:28px;block-size:28px;border-radius:7px;background:var(--brand-red);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem;flex-shrink:0}.form-section .section-text{flex:1;min-inline-size:0}.form-section .section-text h3{margin:0;font-size:.92rem;font-weight:700;color:var(--brand-black);text-transform:uppercase;letter-spacing:.06em}.form-section .section-text p{margin:4px 0 0;font-size:.82rem;color:var(--brand-muted);line-height:1.5}.form-section .section-body{padding:4px 24px 24px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field>label{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--brand-black);text-transform:uppercase}.form-field>label .required{color:var(--brand-red);margin-inline-start:2px}.form-field .input-wrap{display:flex;align-items:center;gap:8px;padding:0 14px;min-block-size:44px;background:var(--brand-bg);border:1.5px solid var(--input-border);border-radius:10px;transition:all .2s ease;position:relative}.form-field .input-wrap.textarea-wrap{padding:12px 14px;align-items:stretch}.form-field .input-wrap input,.form-field .input-wrap textarea,.form-field .input-wrap select{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.92rem;color:var(--brand-black);inline-size:100%}.form-field .input-wrap input::placeholder,.form-field .input-wrap textarea::placeholder,.form-field .input-wrap select::placeholder{color:var(--brand-muted)}.form-field .input-wrap textarea{resize:vertical;min-block-size:70px;line-height:1.5}.form-field .input-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:24px}.form-field .input-wrap .chev{position:absolute;inset-inline-end:12px;color:var(--brand-muted);pointer-events:none}.form-field .input-wrap:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 4px #ff6b3514}.form-field .error-msg{font-size:.78rem;color:var(--brand-red);font-weight:600;margin-block-start:2px}.form-field .hint-msg{font-size:.78rem;color:var(--brand-muted)}.form-field.has-error .input-wrap{border-color:var(--brand-red);background:#ff6b3508}.select-wrap{position:relative}.select-trigger{display:flex;align-items:center;gap:8px;inline-size:100%;min-block-size:44px;padding:0 12px 0 14px;background:var(--brand-bg);border:1.5px solid var(--input-border);border-radius:10px;cursor:pointer;font-family:inherit;font-size:.92rem;color:var(--brand-black);transition:all .18s ease;text-align:start}.select-trigger:hover:not(.open){border-color:var(--brand-muted)}.select-trigger.open{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 4px #ff6b3514}.select-trigger.open .trigger-chev{transform:rotate(180deg)}.trigger-value,.trigger-placeholder{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-value{color:var(--brand-black)}.trigger-placeholder{color:var(--brand-muted)}.trigger-clear{inline-size:18px;block-size:18px;border-radius:50%;background:var(--brand-muted);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s ease}.trigger-clear:hover{background:var(--brand-red)}.trigger-chev{color:var(--brand-muted);transition:transform .22s ease;flex-shrink:0}.has-error .select-trigger{border-color:var(--brand-red);background:#ff6b3508}.select-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px -8px #1414142e,0 4px 10px -2px #14141414;overflow:hidden;display:flex;flex-direction:column;animation:selPop .16s cubic-bezier(.16,1,.3,1) both}@keyframes selPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.panel-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-block-end:1px solid var(--border);background:var(--surface-3)}.panel-search svg{color:var(--brand-muted);flex-shrink:0}.panel-search input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.86rem;color:var(--brand-black);min-inline-size:0}.panel-search input::placeholder{color:var(--brand-muted)}.panel-search .search-clear{inline-size:20px;block-size:20px;border-radius:50%;background:var(--brand-red);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:all .15s ease}.panel-search .search-clear:hover{background:#b80510;transform:scale(1.1)}.panel-options{flex:1;overflow-y:auto;padding:4px;scrollbar-width:thin}.panel-options::-webkit-scrollbar{inline-size:6px}.panel-options::-webkit-scrollbar-thumb{background:var(--brand-line);border-radius:3px}.panel-option{display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;padding:9px 12px;background:transparent;border:0;border-radius:7px;cursor:pointer;font-family:inherit;font-size:.86rem;color:var(--brand-black);text-align:start;transition:background .12s ease,color .12s ease}.panel-option .opt-label{flex:1;min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.panel-option .opt-check{color:var(--brand-red);flex-shrink:0}.panel-option.highlighted{background:var(--brand-bg);color:var(--brand-red)}.panel-option.active{background:#ff6b3512;color:var(--brand-red);font-weight:700}.panel-option.active.highlighted{background:#ff6b351f}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;color:var(--brand-muted);font-size:.82rem}.panel-empty svg{color:var(--brand-line)}.panel-empty strong{color:var(--brand-black);font-weight:700}.panel-foot{padding:7px 12px;border-block-start:1px solid var(--border);background:var(--surface-3);font-size:.72rem;color:var(--brand-muted);text-align:end;font-weight:600}.dt{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.dt-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;border-block-end:1px solid var(--border);background:var(--surface)}.dt .toolbar-left,.dt .toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dt .search-input{display:flex;align-items:center;gap:7px;padding:0 11px;block-size:36px;inline-size:280px;background:var(--brand-bg);border:1.5px solid var(--input-border);border-radius:7px;transition:all .18s ease}.dt .search-input svg{color:var(--brand-muted);flex-shrink:0}.dt .search-input input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.85rem;color:var(--brand-black);min-inline-size:0}.dt .search-input input::placeholder{color:var(--brand-muted)}.dt .search-input .clear-btn{inline-size:20px;block-size:20px;border-radius:50%;background:var(--surface-3);color:var(--brand-muted);border:1px solid var(--border);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:all .18s ease}.dt .search-input .clear-btn:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.dt .search-input:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 3px #ff6b3514}.dt-scroll{overflow-x:auto}.dt-table{inline-size:100%;border-collapse:collapse;font-size:.85rem}.dt-table thead{background:linear-gradient(180deg,#1b2c44,#15233a);position:sticky;inset-block-start:0;z-index:1}[data-theme=dark] .dt-table thead{background:#0d1b2c}.dt-table thead th{text-align:start;padding:14px 18px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffffeb;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.dt-table thead th:not(:last-child):after{content:"";position:absolute;inset-block:28%;inset-inline-end:0;inline-size:1px;background:#ffffff1a}.dt-table thead th.align-right{text-align:end}.dt-table thead th.align-center{text-align:center}.dt-table thead tr{border-block-end:3px solid var(--brand-red)}.dt-table thead .th-num{inline-size:60px;text-align:center;color:#ff4d47}.dt-table thead .th-actions{inline-size:100px;text-align:end}.dt-table tbody tr{transition:background-color .12s ease;border-block-end:1px solid var(--border)}.dt-table tbody tr:hover{background:var(--surface-hover)}.dt-table tbody tr:last-child{border-block-end:0}.dt-table tbody td{padding:11px 16px;color:var(--brand-black);vertical-align:middle}.dt-table tbody td.align-right{text-align:end}.dt-table tbody td.align-center{text-align:center}.dt-table tbody .td-num{color:var(--brand-muted);font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.dt-table tbody .td-actions{text-align:end;white-space:nowrap}.dt .pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.dt .pill.pill-success{background:#1f7a321a;color:#1f7a32}.dt .pill.pill-success:before{content:"";inline-size:5px;block-size:5px;border-radius:50%;background:#1f7a32}.dt .pill.pill-muted{background:var(--brand-line);color:var(--brand-muted)}.dt .pill.pill-muted:before{content:"";inline-size:5px;block-size:5px;border-radius:50%;background:var(--brand-muted)}.dt .cell-code{font-family:var(--font-mono);font-size:.78rem;background:var(--brand-bg);padding:2px 7px;border-radius:4px;color:var(--brand-black);font-weight:600}.dt .action-btn{inline-size:28px;block-size:28px;border-radius:6px;background:transparent;border:1px solid transparent;cursor:pointer;display:inline-grid;place-items:center;color:var(--brand-muted);transition:all .15s ease;margin-inline-start:2px}.dt .action-btn:hover{background:var(--brand-bg);color:var(--brand-red);border-color:var(--border)}.dt .action-btn.danger:hover{background:#ff6b3514;color:var(--brand-red)}.dt .state-cell{padding:50px 20px!important;text-align:center;border-block-end:0!important}.dt .state-loading{display:inline-flex;align-items:center;gap:10px;color:var(--brand-muted);font-size:.88rem}.dt .state-loading .spinner{inline-size:14px;block-size:14px;border:2px solid var(--brand-line);border-block-start-color:var(--brand-red);border-radius:50%;animation:nexvia-spin .7s linear infinite}.dt .state-empty{display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--brand-muted)}.dt .state-empty svg{color:var(--brand-line);margin-block-end:4px}.dt .state-empty strong{font-size:.95rem;color:var(--brand-black);font-weight:700}.dt .state-empty span{font-size:.82rem}.dt-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 16px;border-block-start:1px solid var(--border);background:var(--surface)}.dt .foot-info{font-size:.82rem;color:var(--brand-muted)}.dt .foot-info strong{color:var(--brand-black);font-weight:700;font-variant-numeric:tabular-nums}.dt .foot-pagination{display:flex;align-items:center;gap:3px;background:var(--surface);padding:3px;border-radius:9px;border:1px solid var(--border);box-shadow:0 1px 2px #14141408}.dt .pg-btn{inline-size:30px;block-size:30px;border-radius:6px;background:transparent;border:0;cursor:pointer;display:inline-grid;place-items:center;color:var(--brand-muted);transition:all .15s ease}.dt .pg-btn:hover:not(:disabled){background:var(--brand-red);color:#fff}.dt .pg-btn:disabled{opacity:.3;cursor:not-allowed}.dt .pg-num{min-inline-size:32px;padding:0 9px;block-size:30px;border-radius:6px;background:transparent;color:var(--brand-black);border:0;cursor:pointer;display:inline-grid;place-items:center;font-family:inherit;font-weight:600;font-size:.83rem;font-variant-numeric:tabular-nums;transition:all .15s ease}.dt .pg-num:hover:not(.active){background:var(--brand-bg);color:var(--brand-red)}.dt .pg-num.active{background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;font-weight:700;box-shadow:0 2px 6px #ff6b354d;cursor:default}.dt .pg-ellipsis{display:inline-grid;place-items:center;min-inline-size:24px;block-size:30px;color:var(--brand-muted);font-weight:700;letter-spacing:1px;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.dt .pg-edge{display:none}.dt-toolbar{padding:10px 12px}.dt .search-input,.dt .toolbar-left,.dt .toolbar-right{inline-size:100%}.dt-table thead th,.dt-table tbody td{padding:10px 12px}}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:110;animation:dlgFade .2s ease both}@keyframes dlgFade{0%{opacity:0}to{opacity:1}}.confirm-card{inline-size:100%;max-inline-size:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:32px 28px 24px;text-align:center;animation:dlgPop .25s cubic-bezier(.22,1,.36,1) both}@keyframes dlgPop{0%{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}.confirm-icon{inline-size:64px;block-size:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.confirm-icon.danger{background:#ff6b351a;color:var(--brand-red)}.confirm-icon.warning{background:#f5b80026;color:#a36f00}.confirm-card h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.25rem;color:var(--brand-black)}.confirm-card p{margin:0 0 22px;font-size:.9rem;color:var(--brand-muted);line-height:1.55}.confirm-actions{display:flex;gap:10px}.confirm-actions button{flex:1;block-size:42px;border-radius:10px;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.confirm-actions button:disabled{opacity:.6;cursor:not-allowed}.confirm-actions .btn-cancel{background:var(--surface);border:1.5px solid var(--brand-line);color:var(--brand-black)}.confirm-actions .btn-cancel:hover:not(:disabled){border-color:var(--brand-black);background:var(--brand-bg)}.confirm-actions .btn-confirm{border:0;color:#fff}.confirm-actions .btn-confirm.danger{background:linear-gradient(135deg,var(--brand-red),#e85420);box-shadow:0 8px 18px #ff6b3540}.confirm-actions .btn-confirm.warning{background:linear-gradient(135deg,#f5b800,#d49600);box-shadow:0 8px 18px #f5b8004d}.confirm-actions .btn-confirm:hover:not(:disabled){transform:translateY(-1px)}.confirm-actions .spinner{inline-size:14px;block-size:14px;border:2px solid rgba(255,255,255,.35);border-block-start-color:#fff;border-radius:50%;animation:nexvia-spin .7s linear infinite}.toast-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2c52;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:dlgFade .3s ease both}.toast-host{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.toast-host.has-toasts{pointer-events:auto}.toast-modal{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 34px 32px;background:#ffffffe6;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 30px 70px #0d1b2c47,inset 0 1px #fff9;inline-size:90%;max-inline-size:348px;overflow:hidden;cursor:pointer;animation:toastPop .42s cubic-bezier(.34,1.56,.64,1) both;--accent: #1f9d43;--accent-soft: rgba(31, 157, 67, .14)}.toast-modal.toast-error{--accent: #e53935;--accent-soft: rgba(229, 57, 53, .14)}.toast-modal.toast-info{--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .14)}.toast-modal.toast-warning{--accent: #e8910c;--accent-soft: rgba(232, 145, 12, .14)}[data-theme=dark] .toast-modal{background:#16273bd9;border-color:#ffffff14;box-shadow:0 30px 70px #0009,inset 0 1px #ffffff0f}@keyframes toastPop{0%{opacity:0;transform:scale(.82) translateY(20px)}to{opacity:1;transform:none}}.toast-glow{position:absolute;inset-block-start:-70px;inline-size:220px;block-size:220px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.22;filter:blur(14px);pointer-events:none}.toast-badge{position:relative;inline-size:72px;block-size:72px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;margin-block-end:20px;color:var(--accent);box-shadow:0 8px 24px -8px var(--accent)}.toast-badge svg{inline-size:42px;block-size:42px;stroke:currentColor;stroke-width:3.5;stroke-linecap:round}.toast-title{font-weight:800;font-size:1.25rem;color:var(--brand-black);margin:0 0 7px;letter-spacing:-.015em}.toast-message{font-size:.9rem;color:var(--brand-muted);line-height:1.55;margin:0;max-inline-size:26ch}.admin-shell{min-block-size:100vh;background:var(--surface-3);transition:background-color .3s ease}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;inline-size:264px;background:radial-gradient(420px 220px at 20% -5%,rgba(255,107,53,.26),transparent 60%),radial-gradient(360px 200px at 90% 110%,rgba(245,184,0,.16),transparent 60%),linear-gradient(180deg,var(--nav-bg-top, #1c2233) 0%,var(--nav-bg, #141a28) 100%);border-inline-end:1px solid var(--nav-line, rgba(255, 255, 255, .06));display:flex;flex-direction:column;z-index:60;box-shadow:1px 0 #ffffff08,18px 0 50px -30px #141a3299;transition:transform .3s cubic-bezier(.22,1,.36,1),inline-size .25s ease}.collapse-btn{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:10px;background:var(--brand-bg);border:0;cursor:pointer;color:var(--brand-black);transition:all .2s ease}.collapse-btn:hover{background:var(--brand-red);color:#fff}@media (max-width: 1024px){.collapse-btn{display:none}}@media (min-width: 1025px){.admin-shell.collapsed .sidebar{inline-size:78px}.admin-shell.collapsed .main-area{margin-inline-start:78px}.admin-shell.collapsed .sidebar-brand{justify-content:center;padding-inline:0}.admin-shell.collapsed .brand-meta{display:none}.admin-shell.collapsed .nav-title{block-size:0;padding:0;margin:0;overflow:hidden;opacity:0}.admin-shell.collapsed .nav-section{gap:6px}.admin-shell.collapsed .sidebar-nav{padding-inline:14px}.admin-shell.collapsed .nav-link{justify-content:center;padding-inline:0}.admin-shell.collapsed .nav-link .nav-label{display:none}.admin-shell.collapsed .nav-link:after{content:attr(data-label);position:absolute;inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%);background:#1c2233;color:#fff;padding:6px 11px;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 8px 20px -6px #00000080;z-index:80}.admin-shell.collapsed .nav-link:hover:after{opacity:1}.admin-shell.collapsed .sidebar-foot{padding-inline:0;display:grid;place-items:center}.admin-shell.collapsed .sidebar-credit{display:none}.admin-shell.collapsed .version-chip{font-size:0;padding:7px;gap:0}}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 22px;border-block-end:1px solid var(--nav-line, rgba(255, 255, 255, .07))}.sidebar-brand .brand-logo{block-size:38px;inline-size:auto;filter:drop-shadow(0 4px 12px rgba(255,107,53,.4))}.brand-meta{display:flex;flex-direction:column;line-height:1.2}.brand-meta strong{font-family:var(--font-display);font-size:1.05rem;color:var(--nav-fg-strong, #fff)}.brand-meta span{font-size:.65rem;color:var(--brand-orange-light);font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-block-start:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:22px}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-title{padding:0 12px 8px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nav-fg-dim, rgba(255, 255, 255, .4))}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;text-decoration:none;font-size:.9rem;font-weight:600;color:var(--nav-fg, rgba(255, 255, 255, .74));cursor:pointer;background:transparent;border:0;font-family:inherit;text-align:start;transition:all .2s ease;position:relative}.nav-link .nav-icon{display:inline-grid;place-items:center;color:var(--nav-fg-dim, rgba(255, 255, 255, .5));transition:color .2s ease}.nav-link .nav-label{flex:1}.nav-link:hover:not(.active){background:var(--nav-line, rgba(255, 255, 255, .06));color:var(--nav-fg-strong, #fff)}.nav-link:hover:not(.active) .nav-icon{color:var(--brand-orange-light)}.nav-link.active{background:var(--brand-red);color:#fff;font-weight:700}.nav-link.active .nav-icon{color:#fff}.sidebar-foot{padding:16px 22px;border-block-start:1px solid var(--nav-line, rgba(255, 255, 255, .07))}.sidebar-credit{margin-top:8px;font-size:.66rem;color:var(--nav-fg-dim, rgba(255, 255, 255, .4));font-weight:600}.version-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#ffffff0f;font-size:.72rem;font-weight:600;color:#ffffffb3;border:1px solid rgba(255,255,255,.08)}.version-chip .dot{inline-size:7px;block-size:7px;border-radius:50%;background:#36d07a;box-shadow:0 0 0 3px #36d07a2e}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;animation:dlgFade .25s ease both}.main-area{margin-inline-start:264px;min-block-size:100vh;display:flex;flex-direction:column;transition:margin-inline-start .25s ease}.app-header{position:sticky;inset-block-start:0;z-index:40}.topbar{display:flex;align-items:center;gap:16px;padding:16px 30px;background:var(--header-bg, var(--topbar-bg));-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-block-end:1px solid var(--border);transition:border-color .3s ease}.topbar-brand{display:inline-flex;align-items:center;gap:10px}.topbar-brand img{block-size:30px;inline-size:auto}.topbar-brand strong{font-family:var(--font-display);font-size:1.05rem;color:var(--header-fg, var(--brand-black))}.hnav{display:flex;align-items:center;gap:4px;padding:0 22px;block-size:50px;background:var(--surface);border-block-end:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.hnav::-webkit-scrollbar{block-size:4px}.hnav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.hnav-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;text-decoration:none;font-size:.86rem;font-weight:600;color:var(--brand-muted);white-space:nowrap;transition:all .18s ease}.hnav-link .hnav-icon{display:inline-grid;place-items:center}.hnav-link .hnav-icon svg{width:16px;height:16px}.hnav-link:hover{background:var(--brand-bg);color:var(--brand-black)}.hnav-link.active{background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;box-shadow:0 8px 18px -8px #ff6b3599}[data-nav=horizontal] .main-area{margin-inline-start:0}.theme-toggle{border:0;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center}.theme-toggle .track{position:relative;inline-size:48px;block-size:26px;border-radius:999px;background:var(--brand-bg);display:flex;align-items:center;padding:0 6px;justify-content:space-between;transition:background .3s ease;box-shadow:inset 0 1px 3px #0000001a}.theme-toggle .ico{display:inline-grid;place-items:center;z-index:1;transition:all .3s ease}.theme-toggle .sun{color:#f59e0b;opacity:1}.theme-toggle .moon{color:#9ca3af;opacity:.6}.theme-toggle .thumb{position:absolute;inset-inline-start:3px;inset-block:3px;inline-size:20px;block-size:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.theme-toggle.dark .track{background:#374151;box-shadow:inset 0 1px 3px #0000004d}.theme-toggle.dark .sun{opacity:.5;color:#6b7280}.theme-toggle.dark .moon{opacity:1;color:#fbbf24}.theme-toggle.dark .thumb{transform:translate(22px);background:#1f2937;box-shadow:0 1px 3px #0006}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;inline-size:38px;block-size:38px;border-radius:10px;background:var(--brand-bg);border:0;cursor:pointer;padding:9px}.burger span{display:block;block-size:2px;inline-size:100%;background:var(--brand-black);border-radius:2px;transition:all .25s ease}.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.page-title{flex:1;display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--header-fg, inherit)}.page-title strong{color:var(--header-fg, var(--brand-black));font-weight:700;font-size:.95rem}.topbar-search{inline-size:320px;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:0 12px;block-size:38px;background:var(--brand-bg);border:1px solid var(--border);border-radius:10px;transition:all .18s ease}.topbar-search svg{color:var(--brand-muted);flex-shrink:0}.topbar-search input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.85rem;color:var(--brand-black);min-inline-size:0}.topbar-search input::placeholder{color:var(--brand-muted)}.topbar-search .kbd{font-size:.66rem;font-weight:700;color:var(--brand-muted);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px 6px;flex-shrink:0}.topbar-search:focus-within{border-color:var(--brand-indigo);background:var(--surface);box-shadow:0 0 0 3px #6366f11a}.topbar-right{display:flex;align-items:center;gap:14px;margin-inline-start:auto}@media (max-width: 860px){.topbar-search{display:none}}.icon-btn{position:relative;inline-size:40px;block-size:40px;border-radius:50%;background:var(--brand-bg);border:0;cursor:pointer;display:grid;place-items:center;color:var(--brand-black);transition:all .2s ease}.icon-btn:hover{background:var(--brand-red);color:#fff}.icon-btn .dot-badge{position:absolute;inset-block-start:9px;inset-inline-end:11px;inline-size:7px;block-size:7px;border-radius:50%;background:var(--brand-red);border:2px solid var(--brand-bg)}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--brand-bg);border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .2s ease,border-color .2s ease}.user-chip:hover{border-color:var(--border)}.user-chip.open{border-color:var(--brand-red);background:#ff6b350f}.user-chip .avatar{inline-size:32px;block-size:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.user-chip .chev{color:var(--brand-muted);transition:transform .2s ease}.user-chip.open .chev{transform:rotate(180deg)}.user-meta{display:flex;flex-direction:column;line-height:1.2;text-align:start}.user-meta strong{font-size:.82rem;color:var(--brand-black)}.user-meta span{font-size:.66rem;color:var(--brand-muted);margin-block-start:1px}.user-dropdown{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-inline-size:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;z-index:50;display:flex;flex-direction:column;gap:2px;animation:menuPop .18s ease both;transform-origin:top right}@keyframes menuPop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.user-dropdown-item{display:flex;align-items:center;gap:10px;inline-size:100%;padding:10px 12px;border-radius:8px;background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--brand-black);text-align:start;transition:background .15s ease,color .15s ease}.user-dropdown-item svg{color:var(--brand-muted);flex-shrink:0;transition:color .15s ease}.user-dropdown-item:hover{background:var(--surface-hover)}.user-dropdown-item:hover svg{color:var(--brand-red)}.user-dropdown-item.danger{color:#e53935}.user-dropdown-item.danger svg{color:#e53935}.user-dropdown-item.danger:hover{background:#e539351a}.user-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.dropdown-sep{block-size:1px;background:var(--border);margin:4px 2px}.content{flex:1;padding:22px 26px;position:relative;z-index:1}.page-fade{animation:pageFade .28s ease both}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 20px 50px #0000004d}.main-area{margin-inline-start:0}.burger{display:flex}.topbar{padding:14px 18px}.content{padding:20px 18px}}@media (max-width: 600px){.user-meta{display:none}.user-chip{padding:4px}}.auth-page{min-block-size:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);background:var(--surface)}@media (max-width: 980px){.auth-page{grid-template-columns:1fr}}.auth-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:40px 44px;color:#fff;background:radial-gradient(140% 120% at 0% 0%,#ff4d47 0%,var(--brand-red) 42%,#7d0100 100%)}@media (max-width: 980px){.auth-aside{padding:32px}}.auth-aside-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(80% 70% at 30% 20%,rgba(0,0,0,.9),transparent 100%);mask-image:radial-gradient(80% 70% at 30% 20%,rgba(0,0,0,.9),transparent 100%)}.auth-aside-glow{position:absolute;inset-block-end:-160px;inset-inline-end:-100px;inline-size:420px;block-size:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,150,.3),transparent 70%);pointer-events:none}.auth-aside-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(200deg,rgba(0,0,0,.7),transparent 60%);mask-image:linear-gradient(200deg,rgba(0,0,0,.7),transparent 60%)}.auth-aside-network{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:55%;block-size:65%;pointer-events:none}.auth-aside-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand-mark{inline-size:40px;block-size:40px;border-radius:11px;background:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 18px -6px #00000059}.auth-brand-mark img{block-size:24px;inline-size:auto}.auth-brand-text{display:flex;flex-direction:column;line-height:1.25}.auth-brand-text strong{font-size:1rem;font-weight:800;letter-spacing:-.01em}.auth-brand-text span{font-size:.72rem;color:#ffffffbf}.auth-live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#0000002e;border:1px solid rgba(255,255,255,.15);font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}.pulse-dot{inline-size:7px;block-size:7px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39999;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.auth-pitch{position:relative;z-index:1}.auth-pitch-tag{display:inline-flex;align-items:center;margin-block-end:14px;padding:5px 12px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}.auth-pitch h2{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.05rem);line-height:1.24;font-weight:500;max-inline-size:480px}.auth-pitch p{margin:0;font-size:.92rem;line-height:1.6;color:#ffffffd1;max-inline-size:430px}.auth-dash{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}@media (max-width: 980px){.auth-dash{display:none}}.ld-card{background:#fffffff7;color:var(--brand-black);border-radius:16px;padding:16px 18px;box-shadow:0 22px 44px -18px #00000080;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ld-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:#7c8698}.ld-hero{animation:dashRise .6s cubic-bezier(.22,1,.36,1) both}.ld-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ld-amount{margin-block-start:2px;font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:-.02em;color:var(--brand-black);line-height:1}.ld-amount em{font-style:normal;font-size:.95rem;font-weight:700;color:#9aa3b2;margin-inline-start:2px}.ld-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums}.ld-trend.up{background:#1a9c6b1f;color:#1a9c6b}.live-chart{display:block;inline-size:100%;block-size:100px;margin-block:10px 2px}.ld-hero-foot{display:flex;align-items:center;gap:8px;margin-block-start:4px;font-size:.68rem;font-weight:600;color:#8a93a2}.live-dot{inline-size:7px;block-size:7px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 #22c55e8c;animation:liveDot 1.6s infinite}@keyframes liveDot{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.ld-side{display:flex;gap:14px}.ld-stat{flex:0 0 42%;display:flex;flex-direction:column;gap:8px;justify-content:center;animation:dashRise .6s cubic-bezier(.22,1,.36,1) .08s both}.ld-stat-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.ld-stat-row strong{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--brand-black);line-height:1}.ld-spark{inline-size:72px;block-size:26px;flex-shrink:0}.ld-top{flex:1;min-inline-size:0;animation:dashRise .6s cubic-bezier(.22,1,.36,1) .16s both}.ld-top ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.ld-top li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.ld-top-name{grid-column:1/2;font-size:.72rem;font-weight:600;color:#3f4b5b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-top b{grid-column:2/3;grid-row:1/3;align-self:center;font-size:.8rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.ld-top-bar{grid-column:1/2;block-size:5px;border-radius:999px;background:#0000000f;overflow:hidden}.ld-top-bar i{display:block;block-size:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-red),#ff9f9b)}@keyframes dashRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.auth-panel{position:relative;display:grid;place-items:center;padding:24px;background:var(--surface-3)}.auth-panel-inner{position:relative;overflow:hidden;inline-size:100%;max-inline-size:400px;background:var(--surface);border-radius:20px;padding:40px 36px;box-shadow:var(--shadow-lg);animation:cardIn .5s cubic-bezier(.22,1,.36,1)}.auth-topbar-accent{position:absolute;inset-block-start:0;inset-inline:0;block-size:3px;background:linear-gradient(90deg,var(--brand-red),var(--brand-gold))}.auth-panel-brand{display:none}.auth-panel-brand-text{display:flex;flex-direction:column;line-height:1.25}.auth-panel-brand-text strong{font-size:.95rem;font-weight:800;color:var(--brand-black);letter-spacing:-.01em}.auth-panel-brand-text span{font-size:.7rem;color:var(--brand-muted)}.auth-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--brand-red);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-block-end:14px}.auth-panel-inner h1{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.8rem);color:var(--brand-black);letter-spacing:-.01em}.auth-panel-inner .lead{margin:0 0 26px;font-size:.9rem;color:var(--brand-muted);line-height:1.5}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:-4px 4px}.auth-check{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--brand-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-check input{position:absolute;opacity:0;inline-size:1px;block-size:1px}.auth-check-box{inline-size:17px;block-size:17px;border-radius:5px;border:1.5px solid var(--brand-line);flex-shrink:0;display:grid;place-items:center;color:transparent;transition:all .15s ease}.auth-check input:checked+.auth-check-box{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.auth-forgot{border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--brand-red)}.auth-forgot:hover{text-decoration:underline}.auth-trust{display:flex;align-items:center;justify-content:center;gap:6px;margin-block-start:18px;padding:7px 14px;border-radius:999px;background:#22c55e1a;color:#1a9c6b;font-size:.74rem;font-weight:700}.auth-copyright{margin:18px 0 0;text-align:center;font-size:.72rem;color:var(--brand-muted);opacity:.8}@media (max-width: 640px){.auth-page{min-block-size:100dvh;grid-template-columns:1fr;grid-template-rows:1fr;background:var(--surface-3)}.auth-aside{display:none}.auth-panel{padding:20px 16px;align-content:center}.auth-panel-inner{max-inline-size:100%;padding:30px 22px;border-radius:18px}.auth-panel-brand{display:flex;align-items:center;gap:11px;margin-block-end:20px}.auth-panel-brand img{block-size:30px;inline-size:auto}.auth-panel-inner h1{font-size:1.45rem}.auth-panel-inner .lead{margin-block-end:22px}}.admin-login{min-block-size:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#11142e,#2c2168 48%,#7a3010);position:relative;overflow:hidden}.login-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px)}.blob.blob-1{inset-block-start:-120px;inset-inline-end:-120px;inline-size:480px;block-size:480px;background:radial-gradient(circle,rgba(129,140,248,.4),transparent 70%)}.blob.blob-2{inset-block-end:-160px;inset-inline-start:-100px;inline-size:460px;block-size:460px;background:radial-gradient(circle,rgba(255,107,53,.4),transparent 70%)}.login-card{position:relative;z-index:2;inline-size:100%;max-inline-size:440px;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:clamp(28px,5vw,44px);box-shadow:0 40px 80px #0006;animation:cardIn .5s cubic-bezier(.22,1,.36,1)}.login-card.wide{max-inline-size:580px}[data-theme=dark] .login-card{background:#16273bf7;border:1px solid var(--border);box-shadow:0 40px 80px #0009}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.login-card .logo-block{display:flex;align-items:center;gap:14px;margin-block-end:26px}.login-card .logo-block .logo{block-size:44px;inline-size:auto}.login-card .logo-block .badge{padding:6px 12px;background:#ff6b351a;color:var(--brand-red);border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.login-card h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.8rem);margin:0 0 8px;color:var(--brand-black);letter-spacing:-.01em}.login-card .lead{margin:0 0 28px;font-size:.9rem;color:var(--brand-muted)}.login-card .form,.auth-panel-inner .form{display:flex;flex-direction:column;gap:16px}.login-card .form-grid,.auth-panel-inner .form-grid{display:grid;grid-template-columns:1fr;gap:14px}.login-card .field label,.auth-panel-inner .field label{display:block;margin-block-end:6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--brand-black);text-transform:uppercase}.login-card .input-wrap,.auth-panel-inner .input-wrap{display:flex;align-items:center;gap:10px;padding:0 14px;block-size:50px;background:var(--surface-3);border:1.5px solid var(--input-border);border-radius:12px;transition:all .18s ease}.login-card .input-wrap:hover,.auth-panel-inner .input-wrap:hover{border-color:var(--brand-red)}.login-card .input-wrap:focus-within,.auth-panel-inner .input-wrap:focus-within{border-color:var(--brand-red);background:var(--surface);box-shadow:0 0 0 4px #fd01001f}.login-card .input-wrap:focus-within svg:first-child,.auth-panel-inner .input-wrap:focus-within svg:first-child{color:var(--brand-red)}.login-card .input-wrap svg,.auth-panel-inner .input-wrap svg{color:var(--brand-muted);flex-shrink:0}.login-card .input-wrap input,.auth-panel-inner .input-wrap input{flex:1;min-inline-size:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:.95rem;color:var(--brand-black)}.login-card .input-wrap input::placeholder,.auth-panel-inner .input-wrap input::placeholder{color:var(--brand-muted)}.login-card .input-wrap .toggle-pwd,.auth-panel-inner .input-wrap .toggle-pwd{border:0;background:transparent;cursor:pointer;padding:4px;display:grid;place-items:center;color:var(--brand-muted);transition:color .2s ease}.login-card .input-wrap .toggle-pwd:hover,.auth-panel-inner .input-wrap .toggle-pwd:hover{color:var(--brand-red)}.login-card .alert,.auth-panel-inner .alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:600;animation:alertIn .25s ease both}.login-card .alert.error,.auth-panel-inner .alert.error{background:#ff6b3514;color:var(--brand-red);border:1px solid rgba(255,107,53,.18)}@keyframes alertIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-block-start:8px;padding:14px 22px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--brand-red),#ff4d47);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 12px 24px -8px #fd01008c}.btn-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.loader{inline-size:16px;block-size:16px;border:2px solid rgba(255,255,255,.35);border-block-start-color:#fff;border-radius:50%;animation:nexvia-spin .7s linear infinite}.auth-foot{margin:24px 0 0;text-align:center;font-size:.85rem;color:var(--brand-muted)}.auth-foot a{color:var(--brand-red);font-weight:700;text-decoration:none;margin-inline-start:4px}.auth-foot a:hover{text-decoration:underline}.not-found{min-block-size:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--brand-bg) 0%,var(--surface-3) 100%)}.nf-card{max-inline-size:460px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:50px 36px;box-shadow:var(--shadow-lg)}.nf-code{font-family:var(--font-display);font-size:clamp(4.5rem,14vw,7rem);line-height:1;background:linear-gradient(135deg,var(--brand-red),var(--brand-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;margin-block-end:14px}.nf-card h1{margin:0 0 10px;font-family:var(--font-display);font-size:1.5rem;color:var(--brand-black)}.nf-card p{margin:0 0 26px;color:var(--brand-muted);font-size:.95rem;line-height:1.6}.btn-home{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,var(--brand-red),#e85420);color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;box-shadow:0 10px 24px #ff6b354d;transition:all .25s ease}.btn-home:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ff6b3566}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0d1b2c;overflow:hidden;transition:opacity .5s ease,filter .5s ease}.splash.leaving{opacity:0;filter:blur(12px) brightness(2);transform:scale(1.06)}.splash .pcanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.splash .ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:48px;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.splash .ui-layer.show{opacity:1;transform:none}.splash .brand-row{display:flex;align-items:center;gap:16px;margin-bottom:28px}.splash .brand-logo{height:44px;width:auto;filter:drop-shadow(0 6px 18px rgba(255,107,53,.35))}.splash .brand-text{display:flex;flex-direction:column;gap:4px}.splash .brand-sub{margin:0;font-family:var(--font-mono);font-size:clamp(.72rem,1.8vw,1rem);font-weight:700;letter-spacing:.3em;color:#ffffff8c}.splash .brand-tag{margin:0;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;color:#ffffff40;text-transform:uppercase}.splash .progress-row{display:flex;align-items:center;gap:14px;width:min(400px,70vw)}.splash .prog-track{flex:1;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.splash .prog-fill{height:100%;background:linear-gradient(90deg,#7d0100,#fd0100,#ff9f9b);box-shadow:0 0 10px #fd0100b3;transition:width .25s ease}.splash .prog-num{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:#ffffff80;font-variant-numeric:tabular-nums;white-space:nowrap}.page{display:flex;flex-direction:column;gap:14px;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.page.form-page{gap:20px}.erp-hero,.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:4px 0 12px}.hero-left,.hero-title{display:flex;align-items:center;gap:16px;min-inline-size:0}.hero-icon-wrap,.hero-icon{position:relative;inline-size:44px;block-size:44px;border-radius:10px;background:#ff6b3514;color:var(--brand-red);border:1px solid rgba(255,107,53,.15);display:grid;place-items:center;flex-shrink:0}.hero-meta,.hero-text{min-inline-size:0}.hero-meta h1,.hero-text h1{margin:0;font-size:1.15rem;font-weight:800;color:var(--brand-black);letter-spacing:-.02em;line-height:1.25}.hero-meta p,.hero-text p{margin:4px 0 0;font-size:.8rem;color:var(--brand-muted);line-height:1.4}.hero-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 640px){.hero-actions{inline-size:100%;justify-content:stretch}}.module-frame{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #1414140a}.frame-tabs{display:flex;align-items:stretch;background:#e6e2d6;border-block-end:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}[data-theme=dark] .frame-tabs{background:var(--surface-3)}.frame-tabs::-webkit-scrollbar{block-size:4px}.frame-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.frame-tab{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;font-size:.82rem;font-weight:600;color:var(--brand-muted);cursor:pointer;white-space:nowrap;border:0;background:transparent;font-family:inherit;border-block-end:2px solid transparent;margin-block-end:-1px;transition:all .18s ease;-webkit-user-select:none;user-select:none}.frame-tab:hover:not(.active){color:var(--brand-black);background:var(--surface-hover)}.frame-tab.active{color:var(--brand-red);font-weight:700;border-block-end-color:var(--brand-red);background:var(--surface)}.frame-tab.active .tab-icon{color:var(--brand-red)}.frame-tab .tab-icon{color:var(--brand-muted);transition:color .18s ease;flex-shrink:0}.frame-tab .tab-label{overflow:hidden;text-overflow:ellipsis;max-inline-size:160px}.frame-tab .tab-close-btn{inline-size:16px;block-size:16px;margin-inline-start:3px;border-radius:4px;background:transparent;border:0;font-size:1rem;line-height:1;color:var(--brand-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.frame-tab .tab-close-btn:hover{background:#ff6b351f;color:var(--brand-red)}.frame-content{position:relative}.tab-panel{animation:tabFadeIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tab-form-container{padding:22px 24px}.frame-content .dt{border:0;border-radius:0;background:transparent}.code-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--surface-3);border:1px solid var(--border);border-radius:6px;color:var(--brand-black)}.code-badge .code-icon{color:var(--brand-muted);opacity:.8}.code-badge code{font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.02em}.branch-cell{display:flex;flex-direction:column;gap:3px;max-width:320px}.branch-name-wrap{display:flex;align-items:center;gap:6px}.branch-name,.role-name{font-weight:650;font-size:.88rem;color:var(--brand-black)}.branch-address{font-size:.78rem;color:var(--brand-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-cell{display:inline-flex;align-items:center;gap:6px;color:var(--brand-black)}.company-cell .company-icon{color:var(--brand-muted);flex-shrink:0}.company-cell .company-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-cell{display:flex;align-items:center;gap:8px}.location-cell .location-icon{color:var(--brand-red);opacity:.85;flex-shrink:0}.cell-stack{display:flex;flex-direction:column;line-height:1.3}.cell-stack .primary{font-weight:600;color:var(--brand-black);font-size:.85rem}.cell-stack .secondary{font-size:.75rem;color:var(--brand-muted)}.category-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.01em}.category-badge.cat-primary{background:#ff6b3514;color:var(--brand-red)}.category-badge.cat-info{background:#15233a12;color:#15233a}[data-theme=dark] .category-badge.cat-info{background:#ffffff14;color:#cdd6e4}.category-badge.cat-warning{background:#f5b80014;color:#b88600}[data-theme=dark] .category-badge.cat-warning{color:var(--brand-gold)}.category-badge.cat-default{background:var(--surface-3);color:var(--brand-muted)}.employee-cell,.user-cell{display:flex;align-items:center;gap:10px;max-width:280px}.employee-cell .avatar,.user-cell .avatar{inline-size:32px;block-size:32px;border-radius:50%;color:#fff;font-size:.74rem;font-weight:700;display:grid;place-items:center;flex-shrink:0;letter-spacing:.02em}.employee-cell .avatar{background:linear-gradient(135deg,var(--brand-red),#e85420);box-shadow:0 2px 6px -2px #ff6b3566}.user-cell .avatar{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 6px -2px #6366f166}.employee-info,.user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.employee-name,.u-username{font-weight:650;font-size:.88rem;color:var(--brand-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-jabatan,.u-email{font-size:.74rem;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-cell{display:flex;flex-direction:column;line-height:1.3}.date-cell .primary{font-weight:600;color:var(--brand-black);font-size:.85rem}.date-cell .secondary{font-size:.74rem;color:var(--brand-muted)}.date-cell .secondary.resign{color:var(--brand-red);font-weight:600}.sub-devisi-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.sub-devisi-cell .d-parent{font-size:.68rem;color:var(--brand-muted);font-weight:500;padding-inline-start:4px}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;background:#6366f114;color:#4f46e5}[data-theme=dark] .role-badge{background:#818cf81f;color:#818cf8}.last-login{font-size:.82rem;color:var(--brand-black)}.text-muted{color:var(--brand-muted);font-size:.82rem}.user-info-cell{display:flex;flex-direction:column;gap:2px}.user-info-cell .u-name{font-size:.78rem;font-weight:600;color:var(--brand-black)}.user-info-cell .u-date{font-size:.72rem;color:var(--brand-muted)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1;border:1px solid transparent}.status-pill .pulse-dot{inline-size:7px;block-size:7px;border-radius:50%;flex-shrink:0}.status-pill.active{background:#1f7a321a;color:#1f7a32;border-color:#1f7a3238}.status-pill.active .pulse-dot{background:#1f7a32;animation:pulseGreen 1.6s infinite}[data-theme=dark] .status-pill.active{background:#4ade8029;color:#6ee7a0;border-color:#4ade8066}[data-theme=dark] .status-pill.active .pulse-dot{background:#6ee7a0}.status-pill.inactive{background:#e5393517;color:#d23b36;border-color:#e5393533}.status-pill.inactive .pulse-dot{background:#d23b36}[data-theme=dark] .status-pill.inactive{background:#ff78742e;color:#ff9b97;border-color:#ff78746b}[data-theme=dark] .status-pill.inactive .pulse-dot{background:#ff9b97}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #1f7a3280}70%{transform:scale(1);box-shadow:0 0 0 5px #1f7a3200}to{transform:scale(.95);box-shadow:0 0 #1f7a3200}}.filters-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.erp-select{position:relative;display:inline-block;-webkit-user-select:none;user-select:none}.erp-select-trigger{display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--surface);border:1.5px solid var(--input-border);border-radius:8px;height:38px;min-width:140px;font-family:inherit;font-size:.84rem;font-weight:600;color:var(--brand-black);cursor:pointer;transition:all .2s ease;justify-content:space-between}.erp-select-trigger:hover{border-color:#ff6b354d;background:var(--surface-hover)}.erp-select-trigger.open{border-color:var(--brand-red);box-shadow:0 0 0 3px #ff6b3514;background:var(--surface)}.erp-select-trigger.open .chevron{transform:rotate(180deg)}.erp-select-trigger .filter-icon{color:var(--brand-muted);opacity:.8;flex-shrink:0}.erp-select-trigger .erp-select-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-select-trigger .chevron{color:var(--brand-muted);transition:transform .2s ease;flex-shrink:0}.erp-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 25px #00000014;padding:6px;display:flex;flex-direction:column;gap:2px;animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1) both}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.erp-select-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:550;color:var(--brand-black);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.erp-select-option:hover{background:var(--surface-3);color:var(--brand-red)}.erp-select-option.active{background:#ff6b350f;color:var(--brand-red);font-weight:700}.erp-select-option .status-dot{width:6px;height:6px;border-radius:50%}.erp-select-option .status-dot.active{background:#1f7a32}.erp-select-option .status-dot.inactive{background:var(--brand-muted)}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:4px}.erp-action-btn{width:28px;height:28px;border-radius:8px;background:var(--surface-3);border:1px solid var(--border);color:var(--brand-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.erp-action-btn svg{transition:transform .2s ease}.erp-action-btn:hover svg{transform:scale(1.05)}.erp-action-btn.view:hover{background:#6366f11a;border-color:#6366f133;color:var(--brand-indigo)}.erp-action-btn.edit:hover{background:#ff6b3514;border-color:#ff6b3526;color:var(--brand-red)}.erp-action-btn.delete:hover{background:#e539351a;border-color:#e5393533;color:#e53935}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.detail-grid .span-2{grid-column:span 2}@media (max-width: 640px){.detail-grid{grid-template-columns:1fr}.detail-grid .span-2{grid-column:span 1}}.detail-item{display:flex;flex-direction:column;gap:5px;min-inline-size:0}.detail-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-muted)}.detail-value{font-size:.95rem;font-weight:600;color:var(--brand-black);line-height:1.5;word-break:break-word}.detail-value code{font-weight:600}.setting-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.setting-options{grid-template-columns:1fr}}.layout-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;text-align:start;font-family:inherit;transition:all .2s ease}.layout-card:hover{border-color:var(--brand-red);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.layout-card.active{border-color:var(--brand-red);box-shadow:0 0 0 3px #ff6b351f}.lc-preview{block-size:116px;background:var(--surface-3);display:flex;gap:8px;padding:12px}.lc-preview.vertical .lc-side{inline-size:28px;background:#1c2233;border-radius:5px}.lc-preview.vertical .lc-body{flex:1;display:flex;flex-direction:column;gap:7px}.lc-preview .lc-bar{block-size:15px;background:var(--surface);border-radius:4px}.lc-preview .lc-block{flex:1;background:var(--surface);border-radius:4px}.lc-preview.horizontal{flex-direction:column}.lc-preview.horizontal .lc-top{block-size:15px;background:#1c2233;border-radius:4px}.lc-preview.horizontal .lc-nav{block-size:11px;background:var(--brand-red);border-radius:4px}.lc-preview.horizontal .lc-block.wide{flex:1;background:var(--surface);border-radius:4px}.lc-preview.theme-light,.lc-preview.theme-dark{align-items:center;justify-content:center}.lc-preview.theme-light{background:#fbfaf7}.lc-preview.theme-dark{background:#16273b}.lc-meta{padding:14px 16px;display:flex;flex-direction:column;gap:3px}.lc-meta strong{font-size:.92rem;color:var(--brand-black);font-weight:700}.lc-meta strong em{font-style:normal;color:var(--brand-red);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-inline-start:4px}.lc-meta span{font-size:.78rem;color:var(--brand-muted);line-height:1.4}.lc-check{position:absolute;inset-block-start:10px;inset-inline-end:10px;inline-size:24px;block-size:24px;border-radius:50%;background:var(--brand-red);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px -2px #ff6b3580}@media (max-width: 640px){.filters-wrapper{width:100%}.filters-wrapper .erp-select{flex:1;min-width:130px}.filters-wrapper .erp-select .erp-select-trigger{width:100%}}.tpl-preview{display:flex;block-size:156px;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-block-end:22px}.tpl-pv-nav{inline-size:92px;flex-shrink:0;display:flex;flex-direction:column;gap:7px;padding:12px 10px}.tpl-pv-brand{font-size:.74rem;font-weight:800;letter-spacing:-.01em;margin-block-end:4px}.tpl-pv-item{font-size:.62rem;font-weight:600;padding:5px 8px;border-radius:6px;white-space:nowrap}.tpl-pv-item.active{font-weight:700;box-shadow:0 4px 10px -4px #0006}.tpl-pv-main{flex:1;min-inline-size:0;display:flex;flex-direction:column}.tpl-pv-header{block-size:26px;flex-shrink:0;display:flex;align-items:center;gap:5px;padding-inline:12px;border-block-end:1px solid rgba(0,0,0,.06)}.tpl-pv-dot{inline-size:7px;block-size:7px;border-radius:50%;background:#00000024}.tpl-pv-body{flex:1;padding:12px}.tpl-pv-card{block-size:100%;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 16px -10px #141a3280;border:1px solid rgba(0,0,0,.05)}.tpl-pv-line{block-size:8px;border-radius:4px;background:#00000017;inline-size:65%}.tpl-pv-line.lg{inline-size:85%;block-size:10px}.tpl-pv-btn{margin-block-start:auto;align-self:flex-start;color:#fff;font-size:.62rem;font-weight:700;padding:6px 12px;border-radius:999px}.tpl-field-label{font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-muted);margin-block:4px 10px}.tpl-presets{display:flex;flex-wrap:wrap;gap:10px;margin-block-end:20px}.tpl-preset{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 9px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--brand-black);transition:all .18s ease}.tpl-preset:hover{border-color:var(--brand-red)}.tpl-preset.active{border-color:var(--brand-red);box-shadow:0 0 0 3px #fd01001f}.tpl-preset-swatches{display:inline-flex}.tpl-preset-swatches i{inline-size:15px;block-size:15px;border-radius:50%;border:2px solid var(--surface);margin-inline-end:-6px;box-shadow:0 0 0 1px #00000014}.tpl-master{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-3);cursor:pointer;margin-block-end:22px}.tpl-master span{display:flex;flex-direction:column;gap:2px}.tpl-master span strong{font-size:.88rem;color:var(--brand-black);font-weight:700}.tpl-master span em{font-style:normal;font-size:.76rem;color:var(--brand-muted);line-height:1.4}.tpl-rows{display:flex;flex-direction:column;gap:10px;margin-block-end:22px}.tpl-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.tpl-row-meta{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:1px}.tpl-row-meta strong{font-size:.86rem;font-weight:700;color:var(--brand-black)}.tpl-row-meta span{font-size:.74rem;color:var(--brand-muted)}.tpl-hex{font-family:var(--font-mono);font-size:.76rem;font-weight:600;color:var(--brand-muted);background:var(--surface-3);padding:4px 8px;border-radius:6px;letter-spacing:.02em}.tpl-default-tag{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-muted);opacity:.75;inline-size:52px;text-align:center}.tpl-reset{border:0;background:transparent;cursor:pointer;font-family:inherit;inline-size:52px;font-size:.76rem;font-weight:700;color:var(--brand-red)}.tpl-reset:hover{text-decoration:underline}.tpl-swatch input[type=color],.tpl-master input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;background:transparent}.tpl-swatch input[type=color]::-webkit-color-swatch-wrapper,.tpl-master input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tpl-swatch input[type=color]::-webkit-color-swatch,.tpl-master input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}.tpl-swatch input[type=color]::-moz-color-swatch,.tpl-master input[type=color]::-moz-color-swatch{border:0;border-radius:8px}.tpl-swatch{inline-size:40px;block-size:40px;border-radius:10px;flex-shrink:0;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f,0 2px 6px -2px #00000040}.tpl-swatch input[type=color]{inline-size:100%;block-size:100%;opacity:0}.tpl-master input[type=color]{inline-size:44px;block-size:44px;border-radius:10px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001f}.tpl-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.tpl-status{display:inline-flex;align-items:center;gap:7px;margin-inline-end:auto;font-size:.8rem;font-weight:600;color:var(--brand-muted);transition:color .2s ease}.tpl-status.saved{color:#1a9c6b}.tpl-status.saving{color:var(--brand-muted)}.tpl-status-spin{inline-size:13px;block-size:13px;border:2px solid var(--brand-line);border-block-start-color:var(--brand-red);border-radius:50%;animation:nexvia-spin .7s linear infinite}.tpl-btn{padding:11px 22px;border-radius:10px;font-family:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .18s ease;border:1.5px solid transparent}.tpl-btn.ghost{background:var(--surface);border-color:var(--border);color:var(--brand-black)}.tpl-btn.ghost:hover:not(:disabled){border-color:var(--brand-red);color:var(--brand-red)}.tpl-btn.primary{background:var(--brand-red);color:#fff;box-shadow:0 10px 22px -10px #fd010099}.tpl-btn.primary:hover:not(:disabled){filter:brightness(1.05)}.tpl-btn:disabled{opacity:.55;cursor:not-allowed}.form-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--brand-muted);font-size:.9rem}.form-loading .spinner{inline-size:16px;block-size:16px;border:2px solid var(--brand-line);border-block-start-color:var(--brand-red);border-radius:50%;animation:nexvia-spin .7s linear infinite}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .span-2{grid-column:span 2}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.radio-group{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.radio-group{grid-template-columns:1fr}}.radio-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;transition:all .18s ease}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card .radio-mark{inline-size:18px;block-size:18px;border:2px solid var(--border);border-radius:50%;flex-shrink:0;margin-block-start:2px;display:grid;place-items:center;transition:all .18s ease}.radio-card .radio-mark span{inline-size:8px;block-size:8px;border-radius:50%;background:transparent;transition:all .18s ease}.radio-card .radio-text{display:flex;flex-direction:column;gap:2px}.radio-card .radio-text strong{font-size:.92rem;color:var(--brand-black);font-weight:700}.radio-card .radio-text span{font-size:.78rem;color:var(--brand-muted);line-height:1.4}.radio-card:hover{border-color:var(--brand-red);background:var(--brand-bg)}.radio-card.active{border-color:var(--brand-red);background:#ff6b350a}.radio-card.active .radio-mark{border-color:var(--brand-red)}.radio-card.active .radio-mark span{background:var(--brand-red)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-block-start:1px solid var(--border);background:var(--surface-3)}.barang-thumb{inline-size:40px;block-size:40px;border-radius:8px;flex-shrink:0;overflow:hidden;display:grid;place-items:center;padding:0;background:var(--surface-3);border:1px solid var(--border);color:var(--brand-muted)}.barang-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.barang-thumb.is-clickable{cursor:zoom-in;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.barang-thumb.is-clickable:hover{transform:scale(1.06);border-color:var(--brand-red);box-shadow:0 4px 12px #14141424}.dt-filter-select{min-inline-size:230px;max-inline-size:300px}.dt-filter-select .form-field{margin:0;gap:0}.dt-filter-select .form-field>label{display:none}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:grid;place-items:center;padding:24px;background:#0a0a0cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeUp .18s ease both}.image-lightbox-close{position:absolute;inset-block-start:18px;inset-inline-end:18px;inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.25);transition:background .15s ease}.image-lightbox-close:hover{background:#ffffff47}.image-lightbox-body{margin:0;max-inline-size:min(92vw,900px);max-block-size:86vh;display:flex;flex-direction:column;gap:10px;align-items:center}.image-lightbox-body img{max-inline-size:100%;max-block-size:78vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;background:#fff}.image-lightbox-body figcaption{color:#ffffffe6;font-size:.85rem;font-weight:600;text-align:center}.barang-image-upload{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.barang-image-preview{inline-size:110px;block-size:110px;border-radius:12px;overflow:hidden;background:var(--surface-3);border:1px dashed var(--border);flex-shrink:0;display:grid;place-items:center}.barang-image-preview img{inline-size:100%;block-size:100%;object-fit:cover}.barang-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--brand-muted)}.barang-image-placeholder span{font-size:.72rem}.barang-image-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.barang-image-actions .erp-action-btn{block-size:34px;font-size:.8rem;font-weight:600}.lap-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.lap-filter-field{display:flex;flex-direction:column;gap:5px}.lap-filter-field label{font-size:.72rem;font-weight:700;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.03em}.lap-filter-field input[type=date]{height:38px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit}.lap-filter-cabang{min-inline-size:220px}.lap-filter-cabang .form-field{margin:0;gap:0}.lap-filter-cabang .form-field>label{display:none}.lap-apply{inline-size:auto;padding:0 22px;height:38px}.lap-loading{align-self:center;margin-inline-start:auto;height:38px;display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--brand-muted)}.lap-export{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:10px;cursor:pointer;border:0;font:inherit;font-size:.86rem;font-weight:700;color:#fff;background:#1a7a45;box-shadow:0 4px 12px #1a7a4547;transition:filter .15s,transform .08s}.lap-export:hover:not(:disabled){filter:brightness(1.08)}.lap-export:active:not(:disabled){transform:translateY(1px)}.lap-export:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.lap-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.lap-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;border-inline-start:3px solid var(--brand-muted)}.lap-stat-label{font-size:.74rem;font-weight:600;color:var(--brand-muted)}.lap-stat-value{font-size:1.15rem;font-weight:800;color:var(--brand-black);letter-spacing:-.02em}.lap-stat.tone-red{border-inline-start-color:#fd0100}.lap-stat.tone-blue{border-inline-start-color:#6366f1}.lap-stat.tone-teal{border-inline-start-color:#2bb7a8}.lap-stat.tone-amber{border-inline-start-color:#f59e0b}.lap-stat.tone-green{border-inline-start-color:#16a34a}.lap-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.lap-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-block-end:14px}.lap-card-head h3{margin:0;font-size:.92rem;font-weight:800;color:var(--brand-black)}.lap-card-head span{font-size:.76rem;color:var(--brand-muted)}.lap-empty{color:var(--brand-muted);font-size:.85rem;text-align:center;padding:14px}.lap-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 820px){.lap-grid2{grid-template-columns:1fr}}.lap-chart{display:flex;align-items:flex-end;gap:8px;min-block-size:170px;overflow-x:auto;padding-block-end:4px}.lap-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-inline-size:40px;flex:1;block-size:160px}.lap-bar-val{font-size:.62rem;font-weight:700;color:var(--brand-muted);white-space:nowrap}.lap-bar{inline-size:60%;max-inline-size:34px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#fd0100,#b30000);transition:height .3s ease}.lap-bar-lbl{font-size:.64rem;color:var(--brand-muted)}.lap-skeleton{display:flex;flex-direction:column;gap:14px;animation:pageFade .25s ease}.skel{display:block;border-radius:6px;background:linear-gradient(90deg,var(--brand-line) 0%,var(--brand-bg) 50%,var(--brand-line) 100%);background-size:200% 100%;animation:skelShimmer 1.2s infinite ease-in-out}.skel-line{block-size:12px;inline-size:100%}.skel-line.sm{block-size:10px;inline-size:55%}.skel-line.lg{block-size:22px;inline-size:78%}.skel-bar{inline-size:60%;max-inline-size:34px;border-radius:6px 6px 0 0}.lap-skel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;border-block-end:1px solid var(--border)}.lap-skel-row .skel-line:first-child{inline-size:55%}.lap-skel-row:last-child{border-block-end:0}.bt-toggle{display:inline-flex;padding:3px;gap:3px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border)}.bt-toggle button{border:0;background:transparent;color:var(--brand-muted);cursor:pointer;font:inherit;font-size:.82rem;font-weight:700;padding:6px 16px;border-radius:6px;height:30px;transition:background .15s,color .15s}.bt-toggle button.active{background:var(--brand-red);color:#fff}.bt-select{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;min-inline-size:130px}.bt-note{margin:-4px 0 0;padding:10px 14px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);font-size:.78rem;line-height:1.5;color:var(--brand-muted)}.bt-note b{color:var(--brand-black);font-weight:700}.bt-list{display:flex;flex-direction:column}.bt-row{display:flex;align-items:center;gap:14px;padding-block:12px;border-block-end:1px solid var(--border)}.bt-row:last-child{border-block-end:0}.bt-rank{flex:0 0 auto;inline-size:34px;block-size:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:var(--brand-muted);background:var(--surface-2);border:1px solid var(--border)}.bt-rank.top{font-size:1.2rem;background:transparent;border-color:transparent}.bt-main{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:6px}.bt-name-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bt-name{font-size:.92rem;font-weight:700;color:var(--brand-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-qty{flex:0 0 auto;font-size:.78rem;font-weight:700;color:var(--brand-red)}.bt-bar-track{block-size:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bt-bar{block-size:100%;border-radius:999px;background:linear-gradient(90deg,#fd0100,#ff6b3d);transition:inline-size .4s ease}.bt-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.76rem;color:var(--brand-muted)}.bt-meta b{color:var(--brand-black);font-size:.82rem}.ps-list{display:flex;flex-direction:column;gap:12px}.ps-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.ps-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-block-end:12px}.ps-title{display:flex;flex-direction:column;gap:3px;min-inline-size:0}.ps-title strong{font-size:.98rem;font-weight:700;color:var(--brand-black)}.ps-sub{font-size:.76rem;color:var(--brand-muted)}.ps-badge{flex:0 0 auto;font-size:.72rem;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}.ps-badge.red{background:#fd01001a;color:#d11}.ps-badge.amber{background:#f59e0b24;color:#b4740b}.ps-badge.grey{background:var(--surface-2);color:var(--brand-muted)}.ps-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px;border-radius:9px;background:var(--surface-2);margin-block-end:12px}.ps-fact{display:flex;flex-direction:column;gap:2px}.ps-fact span{font-size:.7rem;color:var(--brand-muted);font-weight:600}.ps-fact b{font-size:.9rem;color:var(--brand-black)}.ps-fact b.warn{color:#d11}.ps-diag{display:flex;flex-direction:column;gap:8px}.ps-cause,.ps-solve{margin:0;font-size:.84rem;line-height:1.55;color:var(--brand-black)}.ps-tag{display:inline-block;margin-inline-end:8px;padding:2px 9px;border-radius:6px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.ps-tag.cause{background:#f59e0b29;color:#b4740b}.ps-tag.solve{background:#16a34a24;color:#16893f}.ps-redis{display:flex;align-items:flex-start;gap:9px;margin-block-start:12px;padding:10px 13px;border-radius:9px;font-size:.84rem;line-height:1.5;background:#6366f117;color:#4338ca;border:1px solid rgba(99,102,241,.22)}.ps-redis svg{flex:0 0 auto;margin-block-start:2px}.ps-redis b{font-weight:800}.ps-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-block-end:4px;flex-wrap:wrap}.ps-print-head{margin-block-end:14px}.ps-print-head h2{margin:0 0 4px;font-size:1.2rem;color:#000}.ps-print-head p{margin:0;font-size:.82rem;color:#444}.print-only{display:none}.lap-table{inline-size:100%;border-collapse:collapse;font-size:.83rem}.lap-table th{text-align:start;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--brand-muted);padding:6px 8px;border-block-end:1px solid var(--border)}.lap-table td{padding:9px 8px;border-block-end:1px solid var(--border);color:var(--brand-black)}.lap-table tr:last-child td{border-block-end:0}.lap-table .num{text-align:end}.lap-kasir{font-weight:600}.lap-minibar{block-size:5px;background:var(--surface-3);border-radius:3px;margin-block-start:4px;overflow:hidden}.lap-minibar span{display:block;block-size:100%;background:#6366f1;border-radius:3px}.lap-rank{display:inline-grid;place-items:center;inline-size:22px;block-size:22px;border-radius:50%;background:#fd01001a;color:var(--brand-red);font-weight:800;font-size:.72rem}.lap-info{display:flex;gap:12px;align-items:flex-start;background:#6366f10f;border:1px solid rgba(99,102,241,.22);border-inline-start:3px solid #6366f1;border-radius:10px;padding:13px 16px}.lap-info-icon{color:#6366f1;flex-shrink:0;margin-block-start:1px}.lap-info-body{min-inline-size:0}.lap-info-body strong{display:block;font-size:.86rem;font-weight:800;color:var(--brand-black);margin-block-end:6px}.lap-info-body ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:3px}.lap-info-body li{font-size:.8rem;color:var(--brand-muted);line-height:1.45}.lap-info-body b{color:var(--brand-black);font-weight:700}.lap-info-body i{font-style:italic}.dashboard{display:flex;flex-direction:column;gap:22px;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.dash-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 32px;border-radius:18px;background:var(--brand-red);box-shadow:var(--shadow-red)}.dash-hero-glow{position:absolute;inset-block-start:-60px;inset-inline-end:-40px;inline-size:260px;block-size:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}.dash-hero-text{position:relative;z-index:1;max-inline-size:560px}.dash-hero-date{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf}.dash-hero-text h1{margin:6px 0 0;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.25}.dash-hero-text p{margin:8px 0 0;font-size:.88rem;color:#ffffffd9;line-height:1.5}.dash-hero-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 20px;border-radius:11px;background:#fff;color:var(--brand-red);font-size:.86rem;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 10px 24px -8px #00000059}.dash-hero-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -8px #0006}@media (max-width: 640px){.dash-hero{padding:24px}.dash-hero-cta{inline-size:100%;justify-content:center}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.kpi-card{position:relative;display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease;animation:fadeUp .5s ease both}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.kpi-icon{inline-size:46px;block-size:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.accent-red .kpi-icon{background:#ff6b351f;color:var(--brand-red)}.accent-indigo .kpi-icon{background:#6366f11f;color:var(--brand-indigo)}.accent-gold .kpi-icon{background:#f5b80029;color:#c98f00}.accent-teal .kpi-icon{background:#2bb7a824;color:#1f9d8f}.kpi-body{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:.76rem;font-weight:600;color:var(--brand-muted)}.kpi-value{font-size:1.65rem;font-weight:800;color:var(--brand-black);line-height:1.1;font-variant-numeric:tabular-nums}.kpi-skel{inline-size:64px;block-size:24px;border-radius:6px;margin-block-start:2px;background:linear-gradient(90deg,var(--brand-line) 0%,var(--brand-bg) 50%,var(--brand-line) 100%);background-size:200% 100%;animation:skelShimmer 1.2s infinite ease-in-out}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpi-trend{position:absolute;inset-block-start:18px;inset-inline-end:18px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:700;color:#1a9c6b;background:#1a9c6b1f}.kpi-trend.down{color:#d94f4f;background:#d94f4f1f}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}@media (max-width: 920px){.dash-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}.cc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block-end:14px}.cc-head h2{margin:0;font-size:1rem;font-weight:800;color:var(--brand-black)}.cc-head p{margin:3px 0 0;font-size:.78rem;color:var(--brand-muted)}.chart-legend{display:flex;flex-wrap:wrap;gap:14px}.cl-item{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;color:var(--brand-muted)}.cl-chip{inline-size:12px;block-size:12px;border-radius:4px;flex-shrink:0}.bar-chart{inline-size:100%;block-size:260px;display:block}.chart-axis{font-size:11px;fill:var(--brand-muted);font-weight:600}.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.donut-chart{inline-size:100%;max-inline-size:190px;block-size:auto;display:block}.donut-total{font-size:30px;font-weight:800;fill:var(--brand-black)}.donut-total-label{font-size:11px;font-weight:600;fill:var(--brand-muted);text-transform:uppercase;letter-spacing:.08em}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.quick-actions h2{margin:0 0 14px;font-size:1rem;font-weight:800;color:var(--brand-black)}.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.qa-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all .2s ease}.qa-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ff6b354d}.qa-card:hover .qa-arrow{color:var(--brand-red);transform:translate(2px)}.qa-icon{inline-size:42px;block-size:42px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:#ff6b351a;color:var(--brand-red)}.qa-meta{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:2px}.qa-meta strong{font-size:.92rem;font-weight:700;color:var(--brand-black)}.qa-meta span{font-size:.76rem;color:var(--brand-muted)}.qa-arrow{color:var(--brand-muted);flex-shrink:0;transition:all .2s ease}.quran-page{display:flex;flex-direction:column;gap:18px;animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both}.quran-detail-page{padding-bottom:90px;gap:16px}.quran-hero{position:relative;overflow:hidden;border-radius:16px;padding:28px 32px;background:linear-gradient(135deg,#1b1f44,#4a2a73 46%,#fd0100);border:1px solid rgba(255,255,255,.08);color:#fff}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:radial-gradient(circle at 12% 20%,rgba(255,255,255,.6) 0 1.5px,transparent 1.5px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.4) 0 1.5px,transparent 1.5px);background-size:26px 26px,34px 34px}.quran-hero .hero-inner{position:relative;display:flex;align-items:center;gap:18px}.quran-hero .hero-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff}.quran-hero .hero-arab{font-family:Amiri,serif;font-size:1.4rem;font-weight:700;line-height:1;display:block;margin-bottom:4px;color:#ffe9a8}.quran-hero h1{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.quran-hero p{margin:4px 0 0;font-size:.82rem;color:#ffffffc7}.quran-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;background:var(--surface);border:1.5px solid var(--input-border);border-radius:12px;transition:all .18s ease}.search-box svg{color:var(--brand-muted);flex-shrink:0}.search-box:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 4px #ff6b351a}.search-box input{flex:1;border:0;outline:none;background:transparent;font-family:inherit;font-size:.92rem;color:var(--brand-black);min-width:0;text-overflow:ellipsis}.search-box input::placeholder{color:var(--brand-muted)}.search-box .search-clear{width:20px;height:20px;border:0;border-radius:50%;background:var(--brand-muted);color:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.search-box .search-clear:hover{background:var(--brand-red)}.filter-chips{display:flex;gap:8px}.q-chip{padding:0 16px;height:48px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--brand-muted);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s ease}.q-chip:hover{border-color:var(--brand-red);color:var(--brand-red)}.q-chip.active{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.surah-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.surah-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--brand-red);transform:scaleY(0);transition:transform .2s ease}.surah-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px -8px #ff6b3547;border-color:#ff6b3566}.surah-card:hover:before{transform:scaleY(1)}.surah-card:hover .sc-arab{color:var(--brand-red)}.surah-card:hover .sc-star{stroke:var(--brand-red)}.sc-number{position:relative;flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;color:var(--brand-muted)}.sc-number .sc-star{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--brand-line);stroke-width:1.5}.sc-number span{position:relative;font-size:.86rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.sc-body{flex:1;min-width:0}.sc-latin{font-size:.95rem;font-weight:800;color:var(--brand-black);line-height:1.2}.sc-meta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:.7rem;font-weight:600;color:var(--brand-muted)}.sc-meta .sc-dot{opacity:.5}.sc-tempat{font-weight:700}.sc-tempat.mekah{color:#b45309}.sc-tempat.madinah{color:var(--brand-red)}.sc-arti{margin-top:5px;font-size:.76rem;color:var(--brand-muted);font-style:italic}.sc-arab{flex-shrink:0;font-family:Amiri,serif;font-size:1.55rem;font-weight:700;color:var(--brand-black);line-height:1;transition:color .18s ease}.state-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--brand-muted);text-align:center}.state-card svg{color:var(--brand-line)}.state-card strong{color:var(--brand-black)}.state-card.error svg{color:#ef4444}.q-spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--brand-red);border-radius:50%;animation:nexvia-spin .7s linear infinite}.skeleton{height:78px;background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border:1px solid var(--border);border-radius:12px;cursor:default}@keyframes shimmer{to{background-position:-200% 0}}.surah-hero{position:relative;overflow:hidden;border-radius:16px;padding:30px 24px 28px;background:linear-gradient(135deg,#1b1f44,#4a2a73 46%,#fd0100);border:1px solid rgba(255,255,255,.08);color:#fff;text-align:center}.hero-back{position:absolute;inset-block-start:16px;inset-inline-start:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;transition:background .18s ease}.hero-back:hover{background:#ffffff42}.hero-center{position:relative}.hero-num{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb8}.surah-hero .hero-arab{font-family:Amiri,serif;font-size:2.6rem;font-weight:700;line-height:1.3;margin:6px 0 2px;color:#ffe9a8}.surah-hero h1{margin:4px 0 0;font-size:1.4rem;font-weight:800}.hero-arti{font-size:.84rem;color:#fffc;font-style:italic;margin-top:2px}.hero-chips{display:flex;justify-content:center;gap:8px;margin-top:14px}.hchip{padding:4px 13px;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-size:.7rem;font-weight:700;letter-spacing:.03em}.hchip.mekah{background:#fbbf2438;border-color:#fbbf2466;color:#fde68a}.qari-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;position:sticky;inset-block-start:78px;z-index:20}.qari-left{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.05em}.qari-left svg{color:var(--brand-red)}.qari-select{flex:1;min-width:0;height:40px;padding:0 12px;border:1.5px solid var(--input-border);border-radius:9px;background:var(--surface);color:var(--brand-black);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.qari-select:focus{outline:none;border-color:var(--brand-red)}.play-full-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:0;border-radius:9px;background:var(--brand-red);color:#fff;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .18s ease}.play-full-btn:hover{background:var(--brand-red-dark)}.bismillah{text-align:center;font-family:Amiri,serif;font-size:2rem;font-weight:700;color:var(--brand-black);padding:18px 12px}.ayat-list{display:flex;flex-direction:column;gap:10px}.ayat{display:flex;gap:16px;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ayat.active{border-color:#ff6b3580;box-shadow:0 6px 22px -8px #ff6b354d;background:linear-gradient(180deg,rgba(255,107,53,.04),transparent 60%)}.ayat.active .ayat-star{stroke:var(--brand-red);fill:#ff6b3514}.ayat.active .ayat-play{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.ayat-side{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px;width:46px}.ayat-num{position:relative;width:44px;height:44px;display:grid;place-items:center}.ayat-num .ayat-star{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--brand-line);stroke-width:1.4}.ayat-num span{position:relative;font-size:.8rem;font-weight:800;color:var(--brand-black);font-variant-numeric:tabular-nums}.ayat-play{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--brand-red);cursor:pointer;display:grid;place-items:center;transition:all .18s ease}.ayat-play:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.ayat-body{flex:1;min-width:0}.ayat-arab{margin:0;font-family:Amiri,serif;font-size:1.95rem;line-height:2.4;text-align:right;direction:rtl;color:var(--brand-black);font-weight:400}.qword{display:inline-block;border-radius:8px;padding:0 4px;transition:color .2s ease,background .2s ease}.qword+.qword{margin-inline-start:.18em}.qword.read{color:var(--brand-red);opacity:.55}.qword.now{color:#fff;background:var(--brand-red);box-shadow:0 4px 12px -2px #ff6b3573}.ayat-latin{margin:12px 0 0;font-size:.86rem;line-height:1.6;color:var(--brand-red);font-style:italic}.ayat-id{margin:8px 0 0;font-size:.9rem;line-height:1.65;color:var(--brand-muted)}.surah-nav{display:flex;justify-content:space-between;gap:12px;margin-top:4px}.nav-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--brand-black);transition:all .18s ease}.nav-btn:hover{border-color:var(--brand-red);box-shadow:0 6px 18px -8px #ff6b354d}.nav-btn:hover svg{color:var(--brand-red)}.nav-btn svg{color:var(--brand-muted);flex-shrink:0}.nav-btn.next{text-align:right}.nav-meta{display:flex;flex-direction:column;line-height:1.2}.nav-lbl{font-size:.66rem;font-weight:700;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.06em}.nav-name{font-size:.9rem;font-weight:800;color:var(--brand-black);margin-top:2px}.player{position:fixed;inset-block-end:18px;inset-inline:clamp(16px,50% - 360px,280px) 28px;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(135deg,#2a0205,#fd0100);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 16px 40px -8px #ff6b3566;color:#fff;animation:slideUp .28s cubic-bezier(.16,1,.3,1) both}@keyframes slideUp{0%{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}.player-toggle{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--brand-red);cursor:pointer;display:grid;place-items:center;transition:transform .15s ease}.player-toggle:hover{transform:scale(1.06)}.player-info{flex:1;min-width:0}.player-title{font-size:.82rem;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar{height:6px;border-radius:3px;background:#ffffff40;cursor:pointer;overflow:hidden}.player-prog{height:100%;background:#ffe9a8;border-radius:3px;transition:width .1s linear}.player-time{flex-shrink:0;font-size:.72rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#ffffffd9}.player-close{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:0;background:#ffffff29;color:#fff;cursor:pointer;display:grid;place-items:center}.player-close:hover{background:#ffffff4d}@media (max-width: 1024px){.player{inset-inline:16px 16px}.qari-bar{inset-block-start:70px}}@media (max-width: 600px){.quran-hero{padding:22px 20px}.surah-grid{grid-template-columns:1fr}.quran-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search-box{width:100%;flex:none;height:52px}.search-box input{font-size:16px}.filter-chips{gap:8px}.filter-chips .q-chip{flex:1;padding:0 8px;height:46px;font-size:.8rem}.surah-hero .hero-arab{font-size:2.1rem}.ayat{padding:16px 14px;gap:10px}.ayat-arab{font-size:1.6rem;line-height:2.1}.qari-bar{flex-wrap:wrap}.qari-select{order:3;flex-basis:100%}.nav-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.pos{display:grid;grid-template-columns:minmax(0,1fr) 366px;gap:16px;align-items:stretch;block-size:calc(100vh - 123px);min-block-size:520px}.pos-catalog{display:flex;flex-direction:column;gap:12px;min-inline-size:0;min-block-size:0}.pos-toolbar{display:flex;align-items:center;gap:12px}.pos-search{flex:1;display:flex;align-items:center;gap:9px;padding:0 12px;block-size:40px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .15s ease}.pos-search svg{color:var(--text-muted);flex-shrink:0}.pos-search input{flex:1;min-inline-size:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:.88rem;color:var(--text)}.pos-search input::placeholder{color:var(--text-muted)}.pos-search:focus-within{border-color:var(--brand-red)}.pos-search-clear{border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:0 2px;font-size:1.1rem;line-height:1}.pos-search-clear:hover{color:var(--brand-red)}.pos-count{flex-shrink:0;font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pos-cats{display:flex;gap:6px;overflow-x:auto;padding-block-end:1px;scrollbar-width:none}.pos-cats::-webkit-scrollbar{display:none}.pos-cat{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:600;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.pos-cat:hover{color:var(--text);border-color:var(--text-muted)}.pos-cat.active{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.pos-grid{flex:1;overflow-y:auto;padding-block-end:2px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-auto-rows:min-content}.pos-card{display:flex;flex-direction:column;padding:0;overflow:hidden;cursor:pointer;text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-family:inherit;color:var(--text);transition:border-color .15s ease}.pos-card:hover:not(:disabled){border-color:var(--brand-red)}.pos-card.in-cart{border-color:var(--brand-red)}.pos-card.habis{cursor:not-allowed}.pos-card-media-wrap{position:relative;display:block}.pos-card-media{display:block;inline-size:100%;aspect-ratio:4/3;background:var(--surface-2);border-block-end:1px solid var(--border)}.pos-card-media img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.pos-card-media.is-fallback{display:grid;place-items:center;color:var(--text-muted)}.pos-card:hover:not(:disabled) .pos-card-media.is-fallback,.pos-card.in-cart .pos-card-media.is-fallback{color:var(--brand-red)}.pos-card.habis .pos-card-media{opacity:.4;filter:grayscale(1)}.pos-card-qty{position:absolute;inset-block-start:6px;inset-inline-end:6px;min-inline-size:20px;block-size:20px;padding:0 5px;border-radius:4px;background:var(--brand-red);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}.pos-card-habis{position:absolute;inset-block-start:6px;inset-inline-start:6px;padding:2px 6px;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pos-card-body{display:flex;flex-direction:column;gap:7px;padding:10px 11px 11px}.pos-card-name{font-size:.83rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:2.35em}.pos-card.habis .pos-card-name{color:var(--text-muted)}.pos-card-foot{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.pos-card-foot b{font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums}.pos-card.habis .pos-card-foot b{color:var(--text-muted)}.pos-stok{font-style:normal;font-size:.68rem;font-weight:600;white-space:nowrap;color:var(--text-muted)}.pos-stok.low{color:#b45309}.pos-stok.out{color:var(--brand-red)}[data-theme=dark] .pos-stok.low{color:#fbbf24}.pos-card-skeleton{block-size:186px;border-radius:8px;border:1px solid var(--border);background:var(--surface);opacity:.6;animation:posPulse 1.4s ease-in-out infinite}@keyframes posPulse{0%,to{opacity:.5}50%{opacity:.85}}.pos-state,.pos-cart-empty{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:var(--text-muted);padding:30px 16px}.pos-state svg,.pos-cart-empty svg{opacity:.55}.pos-state strong,.pos-cart-empty strong{color:var(--text);font-size:.9rem;font-weight:600}.pos-state p,.pos-cart-empty p{margin:0;font-size:.8rem;max-inline-size:30ch}.pos-cart{display:flex;flex-direction:column;min-block-size:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px}.pos-cart-head{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 15px;border-block-end:1px solid var(--border)}.pos-cart-head-main{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.pos-cart-label{font-size:.63rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.pos-order-no{font-family:var(--font-mono);font-size:.84rem;font-weight:600}.pos-kasir{font-size:.7rem;color:var(--text-muted)}.pos-cabang-chip{display:inline-flex;align-items:center;gap:5px;margin-block-start:3px;align-self:flex-start;padding:3px 4px 3px 9px;border-radius:999px;font-size:.7rem;font-weight:700;color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 10%,transparent)}.pos-cabang-chip svg{opacity:.8}.pos-cabang-ganti{border:0;cursor:pointer;padding:2px 9px;border-radius:999px;font-family:inherit;font-size:.66rem;font-weight:700;background:var(--brand-red);color:#fff}.pos-cabang-ganti:hover{filter:brightness(1.08)}.pos-clear{flex-shrink:0;border:0;background:none;cursor:pointer;padding:2px 0;font-family:inherit;font-size:.72rem;font-weight:600;color:var(--text-muted)}.pos-clear:hover{color:var(--brand-red)}.pos-gate{display:flex;align-items:flex-start;justify-content:center;padding:32px 20px;min-block-size:100%}.pos-gate-card{inline-size:100%;max-inline-size:820px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 10px 30px #0000000f;text-align:center}.pos-gate-icon{inline-size:60px;block-size:60px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 12%,transparent)}.pos-gate-card h2{margin:0 0 6px;font-size:1.3rem;color:var(--text-strong, inherit)}.pos-gate-card>p{margin:0 auto 20px;max-inline-size:400px;font-size:.86rem;line-height:1.55;color:var(--text-muted)}.pos-gate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;text-align:start}.pos-outlet{display:flex;flex-direction:column;gap:8px;padding:16px;cursor:pointer;border:1.5px solid color-mix(in srgb,var(--text-strong, #1a1a2e) 16%,var(--border));border-radius:14px;background:var(--surface);font-family:inherit;text-align:start;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .08s}.pos-outlet:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:4px;background:linear-gradient(90deg,var(--brand-red),#ff6b3d);opacity:0;transition:opacity .15s}.pos-outlet:hover{border-color:color-mix(in srgb,var(--brand-red) 45%,var(--border));box-shadow:0 8px 22px #00000014;transform:translateY(-2px)}.pos-outlet:hover:before{opacity:1}.pos-outlet:active{transform:translateY(0)}.pos-outlet-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pos-outlet-ico{inline-size:42px;block-size:42px;border-radius:11px;display:grid;place-items:center;color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 12%,transparent)}.pos-outlet-kode{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.02em;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.pos-outlet-nama{font-size:1.02rem;font-weight:800;color:var(--text-strong, inherit);line-height:1.25}.pos-outlet-alamat{display:flex;align-items:flex-start;gap:6px;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.pos-outlet-alamat svg{flex:0 0 auto;margin-block-start:2px;opacity:.8}.pos-outlet-cta{margin-block-start:4px;padding-block-start:10px;border-block-start:1px dashed var(--border);font-size:.8rem;font-weight:800;color:var(--brand-red);display:flex;align-items:center;gap:6px}.pos-outlet-cta span{transition:transform .15s}.pos-outlet:hover .pos-outlet-cta span{transform:translate(4px)}.pos-lines{flex:1;min-block-size:84px;overflow-y:auto;list-style:none;margin:0;padding:7px;display:flex;flex-direction:column;gap:5px}.pos-line{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:6px;border:1px solid var(--border);background:var(--surface)}.pos-line-thumb{flex-shrink:0;overflow:hidden;inline-size:30px;block-size:30px;border-radius:5px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.pos-line-thumb img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.pos-line-thumb.is-fallback{display:grid;place-items:center}.pos-line-info{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:1px}.pos-line-info strong{font-size:.79rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-line-info span{font-size:.69rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pos-line-total{flex-shrink:0;min-inline-size:56px;text-align:end;font-size:.79rem;font-weight:700;font-variant-numeric:tabular-nums}.pos-stepper{flex-shrink:0;display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;overflow:hidden}.pos-stepper button{flex-shrink:0;inline-size:22px;block-size:24px;border:0;cursor:pointer;background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.85rem;line-height:1;display:grid;place-items:center}.pos-stepper button:hover{background:var(--brand-red);color:#fff}.pos-stepper:focus-within{border-color:var(--brand-red)}.pos-qty-input{inline-size:34px;block-size:24px;border:0;outline:0;border-inline:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;font-family:inherit;font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums}.pos-qty-input:focus{background:var(--brand-red-soft)}[data-theme=dark] .pos-qty-input:focus{background:#fd010029}.pos-line-del{flex-shrink:0;display:grid;place-items:center;inline-size:24px;block-size:24px;padding:0;border:1px solid transparent;border-radius:5px;cursor:pointer;background:transparent;color:var(--text-muted);transition:color .15s ease,border-color .15s ease,background-color .15s ease}.pos-line-del:hover{color:var(--brand-red);border-color:var(--brand-red);background:var(--brand-red-soft)}[data-theme=dark] .pos-line-del:hover{background:#fd010024}.pos-summary{flex-shrink:0;padding:9px 13px 12px;border-block-start:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;gap:6px}.pos-rincian-toggle{display:flex;align-items:center;gap:6px;padding:3px 0;border:0;background:none;cursor:pointer;font-family:inherit;font-size:.74rem;font-weight:600;color:var(--text-muted)}.pos-rincian-toggle>span{flex:1;text-align:start}.pos-rincian-toggle svg{transition:transform .18s ease}.pos-rincian-toggle.open svg{transform:rotate(180deg)}.pos-rincian-toggle:hover{color:var(--brand-red)}.pos-disc-tag{font-style:normal;font-size:.68rem;font-weight:700;color:#16a34a;font-variant-numeric:tabular-nums}.pos-rincian{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:6px;background:var(--surface);border:1px solid var(--border)}.pos-sum-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.79rem;color:var(--text-muted)}.pos-sum-row b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.pos-sum-row.pos-total{padding-block:6px;border-block-start:1px solid var(--border);color:var(--text);font-weight:600}.pos-sum-row.pos-total b{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.pos-inline-field label{font-size:.79rem;color:var(--text-muted)}.pos-money{display:flex;align-items:center;gap:4px;padding:0 9px;block-size:30px;background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:border-color .15s ease}.pos-money span{font-size:.72rem;font-weight:600;color:var(--text-muted)}.pos-money input{inline-size:92px;border:0;outline:0;background:transparent;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--text);text-align:end;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pos-money input::-webkit-outer-spin-button,.pos-money input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pos-money:focus-within{border-color:var(--brand-red)}.pos-money-lg{block-size:34px}.pos-money-lg input{inline-size:108px;font-size:.92rem;font-weight:700}.pos-pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pos-pay-chip{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 4px;cursor:pointer;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.7rem;font-weight:600;transition:color .15s ease,border-color .15s ease}.pos-pay-chip:hover{color:var(--text);border-color:var(--text-muted)}.pos-pay-chip.active{border-color:var(--brand-red);color:var(--brand-red)}.pos-cash-block{display:flex;flex-direction:column;gap:6px}.pos-quick-cash{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.pos-quick-cash button{padding:6px 2px;border-radius:5px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.69rem;font-weight:600;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.pos-quick-cash button:hover:not(:disabled){color:var(--brand-red);border-color:var(--brand-red)}.pos-quick-cash button:disabled{opacity:.4;cursor:not-allowed}.pos-quick-cash button:first-child{grid-column:span 1;font-size:.64rem}.pos-change{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-radius:6px;background:var(--surface);border:1px solid var(--border)}.pos-change span{font-size:.76rem;color:var(--text-muted)}.pos-change b{font-size:.95rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.pos-change.ok{border-color:#16a34a80}.pos-change.ok b{color:#16a34a}.pos-change.kurang{border-color:#fd010066}.pos-change.kurang b{color:var(--brand-red)}.pos-cashless-note{margin:2px 0;padding:9px 11px;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:.74rem;color:var(--text-muted);line-height:1.45}.pos-pay-btn{inline-size:100%;padding:11px 16px;border:0;border-radius:6px;cursor:pointer;background:var(--brand-red);color:#fff;font-family:inherit;font-size:.88rem;font-weight:700;transition:background-color .15s ease,opacity .15s ease}.pos-pay-btn:hover:not(:disabled){background:var(--brand-red-dark)}.pos-pay-btn:disabled{opacity:.4;cursor:not-allowed}.pos-fab,.pos-sheet,.pos-sheet-backdrop{display:none}.pos-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#0d1b2c80}.pos-modal{inline-size:100%;max-inline-size:366px;max-block-size:calc(100vh - 32px);overflow-y:auto;padding:16px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.pos-modal-head{display:flex;align-items:center;gap:10px;margin-block-end:14px}.pos-modal-head>div{flex:1;display:flex;flex-direction:column;gap:1px}.pos-modal-head strong{font-size:.92rem}.pos-modal-head span{font-size:.71rem;color:var(--text-muted)}.pos-modal-head>button{flex-shrink:0;inline-size:26px;block-size:26px;border:0;border-radius:5px;cursor:pointer;background:transparent;color:var(--text-muted);font-size:1.15rem;line-height:1;display:grid;place-items:center}.pos-modal-head>button:hover{background:var(--surface-hover);color:var(--text)}.pos-modal-ok{flex-shrink:0;display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:#16a34a;color:#fff}.pos-receipt{padding:14px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);display:flex;flex-direction:column;gap:5px}.pos-receipt-head{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}.pos-receipt-head strong{font-size:.84rem;letter-spacing:.08em}.pos-receipt-head span{font-size:.67rem;color:var(--text-muted)}.pos-receipt-sep{border-block-start:1px dashed var(--border);margin:4px 0}.pos-receipt-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--text-muted)}.pos-receipt-line span{min-inline-size:0}.pos-receipt-line b{flex-shrink:0;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.pos-receipt-line.strong{font-size:.82rem;color:var(--text)}.pos-receipt-line.strong b{font-weight:700}.pos-receipt-foot{margin-block-start:6px;text-align:center;font-size:.66rem;color:var(--text-muted)}.pos-receipt-actions{display:flex;flex-wrap:wrap;gap:7px;margin-block-start:12px}.pos-receipt-actions>button{flex:1 1 auto;min-inline-size:96px}.pos-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;border-radius:6px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:.82rem;font-weight:600;transition:border-color .15s ease,color .15s ease}.pos-ghost:hover{border-color:var(--brand-red);color:var(--brand-red)}@media (max-width: 1100px){.pos{grid-template-columns:minmax(0,1fr) 310px}}@media (max-width: 900px){:root{--pos-bar: 60px}.pos{display:block;block-size:auto;min-block-size:0;padding-block-end:calc(var(--pos-bar) + env(safe-area-inset-bottom,0px) + 10px)}.pos-catalog{block-size:auto}.pos-grid{overflow:visible;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pos-cart{display:none}.pos-fab{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;inset-block-end:0;inset-inline:0;z-index:60;inline-size:100%;min-block-size:var(--pos-bar);padding:12px 16px;padding-block-end:calc(12px + env(safe-area-inset-bottom,0px));border:0;border-radius:0;cursor:pointer;background:var(--brand-red);color:#fff;font-family:inherit;font-size:.9rem;font-weight:700;box-shadow:0 -4px 16px #0000002e}.pos-fab b{font-variant-numeric:tabular-nums;font-size:.95rem}.pos-fab-left{display:inline-flex;align-items:center;gap:9px}.pos-fab-count{font-style:normal;min-inline-size:19px;block-size:19px;padding:0 5px;border-radius:4px;background:#ffffff3d;font-size:.7rem;font-weight:700;display:grid;place-items:center}.pos-sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0d1b2c73}.pos-sheet{display:flex;flex-direction:column;position:fixed;inset-inline:0;inset-block-end:0;z-index:75;max-block-size:88dvh;padding-block-end:env(safe-area-inset-bottom,0px);background:var(--surface);border-start-start-radius:14px;border-start-end-radius:14px;border-block-start:1px solid var(--border);box-shadow:0 -10px 30px #00000038;transform:translateY(100%);transition:transform .26s ease}.pos-sheet.open{transform:none}.pos-sheet-grip{align-self:center;flex-shrink:0;inline-size:40px;block-size:4px;margin:9px 0 1px;padding:0;border:0;border-radius:999px;background:var(--border);cursor:pointer}.pos-sheet .pos-lines{max-block-size:34dvh}}@media (max-width: 480px){.pos-grid{grid-template-columns:repeat(2,1fr)}.pos-toolbar{flex-wrap:wrap}.pos-count{order:3;inline-size:100%}.pos-quick-cash{grid-template-columns:repeat(3,1fr)}}@media print{.pos-modal-backdrop{position:static;display:block;background:none;padding:0}.pos-modal{max-inline-size:none;border:0;box-shadow:none;padding:0}.pos-modal-head,.pos-receipt-actions,.pos-fab,.pos-sheet,.sidebar,.app-header{display:none!important}.pos-receipt{border:0;background:none}}.pos-shiftbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-radius:10px;margin-block-end:12px;flex-wrap:wrap;border:1px solid var(--border)}.pos-shiftbar-info{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600}.pos-shiftbar-info b{font-weight:800}.pos-shiftbar.is-open{background:#2bb7a81a;border-color:#2bb7a859;color:#16887c}.pos-shiftbar.is-closed{background:#fd01000f;border-color:#fd010047;color:var(--brand-red)}.pos-shift-btn{border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:700;white-space:nowrap;transition:background .15s ease,color .15s ease}.pos-shift-btn:hover{background:currentColor}.pos-shift-btn:hover{color:#fff}.pos-shift-btn.primary{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.pos-shift-btn.primary:hover{filter:brightness(.94);color:#fff}.pos-modal-sm{max-inline-size:380px}.pos-shift-form{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.pos-shift-form label{font-size:.8rem;font-weight:700;color:var(--brand-black)}.pos-shift-form .pos-sum-row{display:flex;justify-content:space-between;font-size:.85rem}.pos-ppn-row{align-items:center}.pos-ppn-check{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.pos-ppn-check input{inline-size:15px;block-size:15px;accent-color:var(--brand-red);cursor:pointer}.pos-danger{border:0;cursor:pointer;font:inherit;font-weight:700;color:#fff;background:var(--brand-red);border-radius:10px;padding:0 18px;min-block-size:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:filter .15s ease}.pos-danger:hover:not(:disabled){filter:brightness(.92)}.pos-danger:disabled{opacity:.6;cursor:default}.bt-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:7px 12px;border-radius:999px;font:inherit;font-size:.8rem;font-weight:700;border:1.5px solid var(--border);background:var(--surface);color:var(--brand-muted);transition:border-color .15s ease,color .15s ease,background .15s ease;max-inline-size:190px}.bt-btn .bt-btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-btn .bt-dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--brand-muted);flex-shrink:0}.bt-btn:hover:not(:disabled){border-color:var(--brand-red);color:var(--brand-red)}.bt-btn.status-connecting{color:#b8860b;border-color:#d9a441;cursor:progress}.bt-btn.status-connecting .bt-dot{background:#d9a441;animation:bt-pulse .9s ease-in-out infinite}.bt-btn.status-connected{color:#12876f;border-color:#2bb7a88c;background:#2bb7a81a}.bt-btn.status-connected .bt-dot{background:#16b89a;box-shadow:0 0 #16b89a99;animation:bt-live 1.6s ease-out infinite}.bt-btn.status-connected:hover{border-color:var(--brand-red);color:var(--brand-red)}.bt-btn.status-connected:hover .bt-dot{background:var(--brand-red)}.bt-btn.is-unsupported{opacity:.5;cursor:not-allowed}@keyframes bt-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes bt-live{0%{box-shadow:0 0 #16b89a8c}to{box-shadow:0 0 0 6px #16b89a00}}@media (max-width: 720px){.bt-btn{padding:7px;max-inline-size:none}.bt-btn .bt-btn-text{display:none}}.pos-receipt.struk-paper-58{max-inline-size:232px;margin-inline:auto}.pos-receipt.struk-paper-80{max-inline-size:300px;margin-inline:auto}.pos-receipt.struk-paper-a4{max-inline-size:460px;margin-inline:auto}.pos-receipt.struk-font-kecil{font-size:.62rem}.pos-receipt.struk-font-normal{font-size:.72rem}.pos-receipt.struk-font-besar{font-size:.86rem}.pos-receipt[class*=struk-font-] .pos-receipt-head strong{font-size:1.28em}.pos-receipt[class*=struk-font-] .pos-receipt-head span{font-size:.92em}.pos-receipt[class*=struk-font-] .pos-receipt-line{font-size:1em}.pos-receipt[class*=struk-font-] .pos-receipt-line.strong{font-size:1.12em}.pos-receipt[class*=struk-font-] .pos-receipt-foot,.pos-receipt[class*=struk-font-] .struk-note{font-size:.9em}.struk-note{font-style:italic;font-size:.66rem;color:var(--text-muted)}.struk-void{color:var(--brand-red);font-weight:800;letter-spacing:.08em;margin-block-start:2px}.struk-tpl-modern .pos-receipt-head strong{font-size:.98rem;font-weight:800;letter-spacing:.14em}.struk-tpl-klasik{border-style:double;border-width:3px;border-color:var(--text-muted)}.struk-tpl-klasik .pos-receipt-head strong{text-transform:uppercase;font-weight:800}.struk-tpl-klasik .pos-receipt-sep{border-block-start-style:solid}.struk-tpl-minimalis{border:0;background:transparent;padding-inline:4px}.struk-tpl-minimalis .pos-receipt-head strong{font-weight:700;letter-spacing:.02em}.struk-tpl-minimalis .pos-receipt-sep{border-block-start-color:color-mix(in srgb,var(--border) 55%,transparent);margin:3px 0}.struk-settings{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}@media (max-width: 980px){.struk-settings{grid-template-columns:1fr}}.struk-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 560px){.struk-choice-grid{grid-template-columns:1fr}}.struk-choice{position:relative;display:flex;flex-direction:column;gap:4px;text-align:start;padding:13px 14px;border-radius:12px;cursor:pointer;border:1.5px solid var(--border);background:var(--brand-bg);color:var(--brand-black);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.struk-choice strong{font-size:.86rem;font-weight:700}.struk-choice span{font-size:.7rem;color:var(--brand-muted);line-height:1.35}.struk-choice:hover{border-color:var(--brand-red)}.struk-choice.active{border-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 8%,var(--surface));box-shadow:0 0 0 3px #ff6b351a}.struk-choice-check{position:absolute;inset-block-start:10px;inset-inline-end:10px;inline-size:18px;block-size:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-red);color:#fff}.struk-form-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-block-start:1px solid var(--border);background:var(--surface)}.struk-preview-col{position:sticky;inset-block-start:84px;display:flex;flex-direction:column;gap:10px}.struk-preview-label{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.06em}.struk-preview-stage{padding:22px 18px;border-radius:16px;border:1px solid var(--border);background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--border) 22%,transparent) 0 1px,transparent 1px 11px),var(--surface-2);display:flex;justify-content:center}.struk-preview-stage .pos-receipt{background:#fff;color:#1a1a1a;border-color:#e2e2e2;box-shadow:0 6px 20px #0000001a}.struk-preview-stage .pos-receipt span,.struk-preview-stage .pos-receipt .pos-receipt-line,.struk-preview-stage .pos-receipt .pos-receipt-foot,.struk-preview-stage .pos-receipt .struk-note{color:#6b6b6b}.struk-preview-stage .pos-receipt b,.struk-preview-stage .pos-receipt strong,.struk-preview-stage .pos-receipt .pos-receipt-line.strong{color:#1a1a1a}.struk-preview-note{margin:0;font-size:.72rem;color:var(--brand-muted);line-height:1.5}@media print{body *{visibility:hidden!important}.pos-receipt,.pos-receipt *,.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute!important;left:0!important;top:0!important;inline-size:100%!important;margin:0!important;color:#000!important}.print-only{display:block!important}.no-print{display:none!important}.pos-receipt{position:absolute!important;left:0!important;top:0!important;margin:0!important;width:80mm!important;max-width:80mm!important;background:#fff!important;color:#000!important;border:0!important;box-shadow:none!important}.pos-receipt span,.pos-receipt b,.pos-receipt strong,.pos-receipt .pos-receipt-line,.pos-receipt .pos-receipt-line.strong,.pos-receipt .pos-receipt-foot,.pos-receipt .pos-receipt-head,.pos-receipt .struk-note{color:#000!important}.pos-modal-backdrop,.pos-modal{background:none!important;box-shadow:none!important}@page{margin:6mm}}