@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Fraunces:opsz,wght@9..144,400..700&display=swap");:root{--primary:#17795a;--primary-dark:#115c45;--primary-light:#2fa37c;--primary-deep:#0b3d2d;--login-brand-end:#0d2620;--primary-soft:#dcf2e8;--primary-contrast:#ffffff;--accent:#c08a2e;--accent-dark:#9a6c1f;--accent-light:#dcae56;--accent-soft:#fbf0da;--accent-contrast:#3a2a08;--sidebar-bg:#0e2a21;--sidebar-text:#a9c4b8;--sidebar-active:#2fa37c;--sidebar-border:rgba(255,255,255,0.08);--sidebar-hover:rgba(255,255,255,0.06);--sidebar-label:rgba(255,255,255,0.32);--bg:#f7f9f8;--card-bg:#ffffff;--surface-muted:#f4f7f6;--surface-subtle:#eef2f1;--surface-hover:#fafbfb;--scrollbar-track:#eef2f1;--scrollbar-thumb:#cbd5d1;--text:#111827;--text-strong:#374151;--text-muted:#6b7280;--text-subtle:#9ca3af;--text-inverse:#ffffff;--border:#e3e8e6;--border-strong:#cbd5d1;--success:#16a34a;--success-bg:#dcfce7;--success-fg:#166534;--danger:#ef4444;--danger-bg:#fee2e2;--danger-fg:#991b1b;--warning:#d97706;--warning-bg:#fef9c3;--warning-fg:#854d0e;--warning-strong:#ca8a04;--info:#2563eb;--info-bg:#dbeafe;--info-fg:#1e40af;--purple:#9333ea;--purple-bg:#f3e8ff;--purple-fg:#6b21a8;--orange:#ea580c;--orange-bg:#ffedd5;--orange-fg:#9a3412;--teal:#0d9488;--teal-bg:#ccfbf1;--teal-fg:#115e59;--gray:#6b7280;--gray-bg:#eef2f1;--gray-fg:#374151;--simpanan-pokok:#0f766e;--simpanan-pokok-bg:#ccfbf1;--simpanan-wajib:#17795a;--simpanan-wajib-bg:#dcf2e8;--simpanan-sukarela:#c08a2e;--simpanan-sukarela-bg:#fbf0da;--unit-kantin:#d97706;--unit-kantin-bg:#ffedd5;--unit-proyek:#2563eb;--unit-proyek-bg:#dbeafe;--unit-umum:#6b7280;--unit-umum-bg:#eef2f1;--debit-fg:#1e40af;--credit-fg:#991b1b;--balanced-fg:#166534;--unbalanced-fg:#991b1b;--pos-bg:#0b1f19;--pos-panel:#12312a;--pos-panel-border:rgba(255,255,255,0.08);--pos-text:#e6efeb;--pos-text-muted:#8faea3;--pos-tile-bg:#174036;--pos-tile-hover:#1e5346;--pos-tile-border:rgba(255,255,255,0.06);--pos-cart-bg:#ffffff;--pos-key-bg:#1a4a3e;--pos-key-active:#2fa37c;--pos-total-fg:#dcae56;--pos-danger:#f87171;--pos-success:#4ade80;--pos-warn:#fbbf24;--pos-overlay:rgba(4,15,12,0.72);--pos-header-h:56px;--pos-rail-w:96px;--pos-cart-w:420px;--pos-tile-min:132px;--pos-tile-h:104px;--print-fg:#000000;--print-muted:#444444;--print-rule:#999999;--print-page-width:210mm;--print-receipt-width:58mm;--chart-1:#17795a;--chart-2:#c08a2e;--chart-3:#2563eb;--chart-4:#d97706;--chart-5:#9333ea;--chart-6:#0d9488;--chart-grid:#e3e8e6;--radius:10px;--radius-sm:7px;--radius-lg:12px;--radius-pill:999px;--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 20px 60px rgba(0,0,0,0.2);--shadow-brand:0 4px 12px rgba(23,121,90,0.35);--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--fs-base:14px;--fs-sm:12px;--fs-xs:11px;--fs-lg:16px;--sidebar-w:264px;--sidebar-w-collapsed:64px;--topbar-h:72px;--page-pad:24px;--bottomnav-h:64px;--lp-ground:#0b3d2d;--lp-ground-deep:#072a1f;--lp-paper:#fdfbf5;--lp-paper-ink:#10231c;--lp-rule:rgba(192,138,46,0.38);--lp-on-ground:#e8f1ec;--lp-on-ground-muted:rgba(232,241,236,0.68);--lp-display:"Fraunces",Georgia,"Times New Roman",serif;--gradient-brand:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-dark) 100%);--gradient-kartu:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary) 55%,var(--accent-dark) 100%)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}.dashboard-layout{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:40;transition:transform .2s ease}.sidebar-logo{gap:12px;padding:18px 16px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo,.sidebar-logo-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-logo-icon{width:38px;height:38px;border-radius:var(--radius);background:var(--gradient-brand);color:var(--primary-contrast);justify-content:center;font-weight:800;font-size:var(--fs-sm);letter-spacing:.5px;box-shadow:var(--shadow-brand)}.sidebar-logo-text{display:flex;flex-direction:column;min-width:0}.sidebar-logo-title{color:var(--text-inverse);font-weight:800;font-size:var(--fs-base);letter-spacing:.2px;white-space:nowrap}.sidebar-logo-sub{color:var(--sidebar-label);font-size:var(--fs-xs);white-space:nowrap}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 10px 24px}.sidebar-section-label{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 10px 6px;margin:0;background:none;border:none;color:var(--sidebar-label);font-size:var(--fs-xs);font-weight:700;letter-spacing:.9px;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);transition:color .12s,background .12s}.sidebar-section-label:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.sidebar-section-label:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.sidebar-section-label.has-active{color:var(--sidebar-active)}.sidebar-link{display:flex;align-items:center;gap:11px;padding:9px 10px;margin-bottom:2px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:var(--fs-base);font-weight:500;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--text-inverse)}.sidebar-link.active{background:var(--primary);color:var(--primary-contrast);font-weight:600;box-shadow:var(--shadow-brand)}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.main-content{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--topbar-h);background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-pad);gap:16px}.topbar-title{font-size:var(--fs-lg);font-weight:700;color:var(--text)}.topbar-sub{font-size:var(--fs-sm);color:var(--text-muted)}.topbar-right{gap:12px}.topbar-avatar,.topbar-right{display:flex;align-items:center}.topbar-avatar{width:36px;height:36px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-dark);justify-content:center;font-weight:700;font-size:var(--fs-sm);overflow:hidden;flex-shrink:0}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.page-content{flex:1 1;padding:var(--page-pad)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.page-title{font-size:20px;font-weight:800;color:var(--text)}.page-desc{margin-top:3px}.back-link,.page-desc{font-size:var(--fs-sm);color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:5px;font-weight:600}.back-link:hover{color:var(--primary)}.table-wrap{overflow-x:auto}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.card-title{font-size:var(--fs-base);font-weight:700;color:var(--text)}.card-body{padding:18px}table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--surface-muted);color:var(--text-muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:.6px;text-transform:uppercase;text-align:left;white-space:nowrap}td,th{padding:11px 14px;border-bottom:1px solid var(--border)}td{color:var(--text-strong);vertical-align:middle}tbody tr:hover td{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:none}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.cell-link{color:var(--primary);font-weight:600;cursor:pointer}.cell-truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-link:hover{text-decoration:underline}th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}th.sortable:hover{color:var(--text-strong)}.form-group{margin-bottom:14px}.form-label{display:block;margin-bottom:6px;font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;background:var(--card-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input:disabled,.form-select:disabled{background:var(--surface-subtle);color:var(--text-muted)}.form-hint{color:var(--text-muted)}.form-error,.form-hint{margin-top:5px;font-size:var(--fs-xs)}.form-error{color:var(--danger-fg)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(11,31,25,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;background:var(--card-bg);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.modal-title{font-size:var(--fs-lg);font-weight:700}.modal-body{padding:18px;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:13px 18px;border-top:1px solid var(--border);background:var(--surface-muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.badge-green{background:var(--success-bg);color:var(--success-fg)}.badge-red{background:var(--danger-bg);color:var(--danger-fg)}.badge-yellow{background:var(--warning-bg);color:var(--warning-fg)}.badge-blue{background:var(--info-bg);color:var(--info-fg)}.badge-purple{background:var(--purple-bg);color:var(--purple-fg)}.badge-orange{background:var(--orange-bg);color:var(--orange-fg)}.badge-teal{background:var(--teal-bg);color:var(--teal-fg)}.badge-gray{background:var(--gray-bg);color:var(--gray-fg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;display:flex;align-items:flex-start;gap:13px}.stat-icon{width:42px;height:42px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-num{font-size:21px;font-weight:800;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.stat-label{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.datatable-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.datatable-search{display:flex;align-items:center;gap:8px;padding:7px 11px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:240px}.datatable-search input{border:none;background:transparent;outline:none;width:100%;color:var(--text)}.datatable-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:var(--primary-soft);border-bottom:1px solid var(--border);color:var(--primary-dark);font-size:var(--fs-sm);font-weight:600}.datatable-body{overflow:auto}.datatable-footer{justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--border);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-muted)}.datatable-footer,.pagination{display:flex;align-items:center}.pagination{gap:4px}.page-btn{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-strong);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.page-btn:hover:not(:disabled){background:var(--surface-subtle)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.kebab-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.kebab-btn:hover{background:var(--surface-subtle);color:var(--text)}.menu-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:5px;min-width:170px}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-strong);font-size:var(--fs-base);text-align:left;cursor:pointer}.menu-item:hover{background:var(--surface-subtle)}.menu-item.danger{color:var(--danger-fg)}.menu-item.danger:hover{background:var(--danger-bg)}.menu-sep{height:1px;background:var(--border);margin:4px 0}.mobile-bottom-nav,.mobile-menu-btn,.sidebar-backdrop{display:none}@media (max-width:900px){.sidebar{transform:translateX(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:39;background:rgba(11,31,25,.45)}.main-content{margin-left:0;padding-bottom:var(--bottomnav-h)}.mobile-menu-btn{display:inline-flex}.page-content{padding:16px}.topbar{padding:0 16px}.form-row{grid-template-columns:1fr}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;height:var(--bottomnav-h);background:var(--card-bg);border-top:1px solid var(--border);align-items:center;justify-content:space-around}.mobile-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);font-size:10px;font-weight:600}.mobile-nav-item.active{color:var(--primary)}.center-btn-inner{width:46px;height:46px;margin-top:-18px;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-brand)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.animate-shake{animation:shake .5s ease-in-out}.animate-fade-in{animation:fade-in .15s ease-out}.animate-slide-up{animation:slide-up .18s ease-out}@media print{.mobile-bottom-nav,.no-print,.sidebar,.topbar{display:none!important}.main-content{margin-left:0!important}.page-content{padding:0!important}body{background:var(--card-bg)}}.pos-root{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--pos-bg);color:var(--pos-text);overflow:hidden}.pos-header{height:var(--pos-header-h);flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--pos-panel);border-bottom:1px solid var(--pos-panel-border)}.pos-header-title{font-weight:800;font-size:var(--fs-base);letter-spacing:-.01em}.pos-header-sub{font-size:var(--fs-xs);color:var(--pos-text-muted)}.pos-banner{flex-shrink:0;display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:var(--fs-sm);font-weight:600;border-bottom:1px solid var(--pos-panel-border)}.pos-body{flex:1 1;display:flex;min-height:0}.pos-rail{width:var(--pos-rail-w);flex-shrink:0;overflow-y:auto;padding:8px 6px;background:var(--pos-panel);border-right:1px solid var(--pos-panel-border);display:flex;flex-direction:column;gap:5px}.pos-rail-btn{padding:10px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--pos-text-muted);font-size:var(--fs-xs);font-weight:700;line-height:1.2;cursor:pointer;text-align:center;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}.pos-rail-btn:hover{background:var(--pos-tile-bg);color:var(--pos-text)}.pos-rail-btn.active{background:var(--pos-key-active);border-color:var(--pos-key-active);color:var(--pos-bg)}.pos-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.pos-search{flex-shrink:0;display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--pos-panel-border)}.pos-search input{flex:1 1;height:40px;padding:0 12px;border:1px solid var(--pos-panel-border);border-radius:var(--radius-sm);background:var(--pos-panel);color:var(--pos-text);font-size:var(--fs-base);outline:none}.pos-search input:focus{border-color:var(--pos-key-active)}.pos-search input::placeholder{color:var(--pos-text-muted)}.pos-grid{flex:1 1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pos-tile-min),1fr));grid-gap:9px;gap:9px;align-content:start}.pos-tile{height:var(--pos-tile-h);padding:9px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;background:var(--pos-tile-bg);border:1px solid var(--pos-tile-border);border-radius:var(--radius);color:var(--pos-text);cursor:pointer;transition:background var(--transition),transform var(--transition)}.pos-tile:hover:not(:disabled){background:var(--pos-tile-hover)}.pos-tile:active:not(:disabled){transform:scale(.97)}.pos-tile:disabled{opacity:.4;cursor:not-allowed}.pos-tile-head{display:flex;gap:7px;align-items:flex-start;min-width:0}.pos-tile-foto{width:30px;height:30px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm);background:var(--pos-tile-hover)}.pos-tile-name{font-size:var(--fs-sm);font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-tile-price{font-size:var(--fs-base);font-weight:800;color:var(--pos-total-fg)}.pos-tile-stock{font-size:10px;color:var(--pos-text-muted)}.pos-cart{width:var(--pos-cart-w);flex-direction:column;background:var(--pos-cart-bg);color:var(--text);border-left:1px solid var(--pos-panel-border)}.pos-cart,.pos-cart-head{flex-shrink:0;display:flex}.pos-cart-head{padding:10px 14px;border-bottom:1px solid var(--border);align-items:center;gap:9px}.pos-cart-lines{flex:1 1;overflow-y:auto}.pos-cart-line{padding:9px 14px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:flex-start}.pos-cart-line.selected{background:var(--primary-soft)}.pos-cart-foot{flex-shrink:0;padding:12px 14px;border-top:1px solid var(--border);background:var(--surface-muted)}.pos-total-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pos-total-num{font-size:28px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pos-qty{display:inline-flex;align-items:center;gap:2px}.pos-qty button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);background:var(--card-bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--text)}.pos-qty button:hover:not(:disabled){background:var(--surface-subtle)}.pos-qty input{width:46px;height:30px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--card-bg);color:var(--text)}.pos-keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.pos-key{height:48px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-size:var(--fs-lg);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;color:var(--text)}.pos-key:hover{background:var(--surface-subtle)}.pos-key:active{background:var(--surface-muted)}.pos-chip{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;color:var(--text)}.pos-chip:hover{border-color:var(--primary);color:var(--primary)}@media (max-width:1024px){:root{--pos-cart-w:340px;--pos-rail-w:84px}}@media (max-width:760px){.pos-body{flex-direction:column}.pos-cart{width:100%;max-height:52vh;border-left:none;border-top:1px solid var(--border)}.pos-rail{width:100%;flex-direction:row;overflow-x:auto;border-right:none}}.portal{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.portal-top{gap:14px;padding:12px 20px;background:var(--card-bg);border-bottom:1px solid var(--border)}.portal-brand,.portal-top{display:flex;align-items:center}.portal-brand{gap:10px;min-width:0}.portal-brand-mark{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius);background:var(--gradient-brand);color:var(--text-inverse);font-weight:800;letter-spacing:-.02em}.portal-brand-name{display:block;font-weight:800;line-height:1.2}.portal-brand-sub{display:block;font-size:var(--fs-xs);color:var(--text-muted)}.portal-user{margin-left:auto;display:flex;align-items:center;gap:10px}.portal-user-name{text-align:right;font-size:var(--fs-sm);line-height:1.25}.portal-avatar{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:800;font-size:var(--fs-sm)}.portal-logout{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-muted);cursor:pointer}.portal-logout:hover{color:var(--danger-fg);border-color:var(--danger-fg)}.portal-nav{display:flex;gap:4px;padding:8px 16px;overflow-x:auto;background:var(--card-bg);border-bottom:1px solid var(--border)}.portal-nav-item{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);white-space:nowrap}.portal-nav-item:hover{background:var(--surface-subtle);color:var(--text)}.portal-nav-item.active{background:var(--primary);color:var(--text-inverse)}.portal-main{flex:1 1;padding:20px;max-width:1100px;width:100%;margin:0 auto}.portal-foot{padding:18px 20px 26px;text-align:center;font-size:var(--fs-xs);color:var(--text-subtle)}.portal-hero{padding:22px 24px;border-radius:var(--radius-lg);background:var(--gradient-brand);color:var(--text-inverse);margin-bottom:18px}.portal-hero-label{font-size:var(--fs-sm);opacity:.82}.portal-hero-num{font-size:34px;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.15;margin-top:2px}.portal-hero-sub{font-size:var(--fs-sm);opacity:.82;margin-top:5px}@media (max-width:640px){.portal-main{padding:14px}.portal-top{padding:10px 14px}.portal-nav{padding:8px 10px}.portal-user-name{display:none}.portal-hero-num{font-size:28px}}.lp{min-height:100dvh;background:var(--lp-ground);color:var(--lp-on-ground);overflow-x:hidden}.lp-shell{width:min(1120px,100% - 40px);margin-inline:auto}.lp-nav{justify-content:space-between;gap:16px;padding:20px 0}.lp-brand,.lp-nav{display:flex;align-items:center}.lp-brand{gap:11px}.lp-brand-mark{width:38px;height:38px;border-radius:var(--radius);background:var(--gradient-accent);color:var(--accent-contrast);display:grid;place-items:center;font-weight:800;font-size:var(--fs-sm);letter-spacing:.5px}.lp-brand-name{font-weight:800;letter-spacing:.2px}.lp-brand-sub{font-size:var(--fs-xs);color:var(--lp-on-ground-muted)}.lp-hero{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:56px;gap:56px;align-items:center;padding:56px 0 72px}.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-light)}.lp-eyebrow:before{content:"";width:26px;height:1px;background:var(--accent-light)}.lp-title{font-family:var(--lp-display);font-optical-sizing:auto;font-weight:600;font-size:clamp(34px,5.4vw,60px);line-height:1.04;letter-spacing:-.015em;margin:18px 0 0;text-wrap:balance}.lp-title em{font-style:normal;color:var(--accent-light)}.lp-lede{margin-top:18px;max-width:46ch;font-size:var(--fs-lg);line-height:1.65;color:var(--lp-on-ground-muted)}.lp-cta-row{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}.lp-note{margin-top:14px;font-size:var(--fs-sm);color:var(--lp-on-ground-muted)}.lp-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:var(--radius);font-size:var(--fs-base);font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,filter .12s ease}.lp-btn:active{transform:scale(.98)}.lp-btn-primary{background:var(--lp-paper);color:var(--lp-paper-ink);box-shadow:var(--shadow-md)}.lp-btn-primary:hover{filter:brightness(1.04)}.lp-btn-ghost{background:transparent;color:var(--lp-on-ground);border-color:rgba(255,255,255,.22)}.lp-btn-ghost:hover{background:rgba(255,255,255,.07)}.lp-book{background:var(--lp-paper);color:var(--lp-paper-ink);border-radius:var(--radius-lg);padding:22px 24px 18px;box-shadow:0 24px 60px rgba(0,0,0,.32)}.lp-book-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--lp-rule)}.lp-book-title{font-family:var(--lp-display);font-weight:600;font-size:20px}.lp-book-kind{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:1px;text-transform:uppercase;color:var(--accent-dark)}.lp-book-row{display:grid;grid-template-columns:1fr auto;grid-gap:2px 14px;gap:2px 14px;padding:13px 0;border-bottom:1px solid var(--lp-rule)}.lp-book-row dt{font-weight:700;font-size:var(--fs-base)}.lp-book-row dd{margin:0;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent-dark);align-self:center;white-space:nowrap}.lp-book-hint{grid-column:1/-1;font-size:var(--fs-xs);color:var(--text-muted)}.lp-book-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:2px solid var(--lp-rule)}.lp-book-total span{font-weight:800}.lp-book-total b{font-family:var(--font-mono);font-size:var(--fs-base);color:var(--accent-dark)}.lp-book-foot{margin-top:12px;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.55}.lp-section{padding:64px 0;border-top:1px solid rgba(255,255,255,.09)}.lp-section-title{font-family:var(--lp-display);font-weight:600;font-size:clamp(24px,3vw,34px);letter-spacing:-.01em;margin-bottom:8px}.lp-section-lede{color:var(--lp-on-ground-muted);max-width:58ch}.lp-flow{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;margin-top:34px}.lp-step{padding:0 26px;border-left:1px solid var(--lp-rule)}.lp-step:first-child{padding-left:0;border-left:none}.lp-step-mark{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-light)}.lp-step h3{font-size:var(--fs-lg);margin:10px 0 8px}.lp-step p{line-height:1.65}.lp-flow-foot,.lp-step p{color:var(--lp-on-ground-muted)}.lp-flow-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--lp-rule);font-size:var(--fs-sm)}.lp-units{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;margin-top:34px}.lp-unit{padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg);background:rgba(255,255,255,.04)}.lp-unit-tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700}.lp-unit h3{font-family:var(--lp-display);font-weight:600;font-size:22px;margin:14px 0 8px}.lp-unit p{color:var(--lp-on-ground-muted);line-height:1.65}.lp-foot{background:var(--lp-ground-deep);padding:52px 0 32px}.lp-foot-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1)}.lp-foot-title{font-family:var(--lp-display);font-weight:600;font-size:clamp(22px,3vw,30px)}.lp-foot-meta{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:20px;font-size:var(--fs-sm);color:var(--lp-on-ground-muted)}@keyframes lp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lp-anim{opacity:0;animation:lp-rise .62s cubic-bezier(.22,.61,.36,1) forwards}@media (prefers-reduced-motion:reduce){.lp-anim{animation:none;opacity:1}.lp-btn:active{transform:none}}@media (max-width:940px){.lp-hero{gap:36px;padding:32px 0 52px}.lp-flow,.lp-hero{grid-template-columns:1fr}.lp-flow{gap:22px}.lp-step{padding:0 0 0 20px}.lp-step,.lp-step:first-child{border-left:1px solid var(--lp-rule)}.lp-step:first-child{padding-left:20px}.lp-units{grid-template-columns:1fr}.lp-section{padding:46px 0}}.login-split{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:linear-gradient(155deg,var(--primary-deep) 0,var(--login-brand-end) 100%);color:var(--text-inverse);display:flex;align-items:center;padding:56px 6vw;overflow:hidden}.login-brand-inner{width:100%;max-width:520px}.login-panel{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:48px 28px}.login-panel-inner{width:100%;max-width:400px;display:flex;flex-direction:column}.login-google{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;margin-top:26px;padding:14px 18px;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:var(--fs-base);font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:border-color var(--transition),box-shadow var(--transition)}.login-google:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.login-google:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:900px){.login-split{grid-template-columns:1fr}.login-brand{display:none}}.sidebar-collapse-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--sidebar-label);cursor:pointer}.sidebar-collapse-btn:hover{background:var(--sidebar-hover);color:var(--text-inverse)}.app-shell.sidebar-collapsed .sidebar-collapse-btn{margin-left:0}@media (max-width:900px){.sidebar-collapse-btn{display:none}}.app-shell.sidebar-collapsed{--sidebar-w:var(--sidebar-w-collapsed)}.app-shell.sidebar-collapsed .sidebar-label,.app-shell.sidebar-collapsed .sidebar-logo-sub,.app-shell.sidebar-collapsed .sidebar-section-label{display:none}.app-shell.sidebar-collapsed .sidebar-link{justify-content:center;padding-left:0;padding-right:0}@media (max-width:900px){.app-shell.sidebar-collapsed{--sidebar-w:264px}}