@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Poppins:wght@400;500;600;700;800&family=Inconsolata:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";:root{--bg:#e8ecf8;--bg-soft:#f2f5fc;--bg-body-from:#5a64df29;--bg-body-to:#2d97c81f;--surface:#f7f9fff0;--surface-strong:#f8faff;--surface-card:#f4f7ff;--surface-input:#f5f8ff;--surface-item:#f6f8ff;--line:#c8d2ee;--line-strong:#bcc8e9;--line-input:#c7d3ef;--text:#2d3960;--text-soft:#556189;--text-strong:#33457a;--text-heading:#3b4e85;--text-muted:#7480a8;--muted:#7480a8;--indigo:#5a64df;--indigo-strong:#4a56cf;--indigo-bg:#5a64df1a;--indigo-focus:#5a64df29;--cyan:#2d97c8;--emerald:#1f8a6a;--emerald-bg:#1f8a6a1f;--amber:#c9872f;--danger:#d14f71;--danger-bg:#d14f711a;--badge-bg:#eef3ff;--badge-border:#c9d6f5;--badge-text:#5564a8;--pill-ok-bg:#e9f8f1;--pill-ok-border:#bddfce;--pill-ok-text:#247559;--pill-soft-bg:#eaf4fb;--pill-soft-border:#c9dff0;--pill-soft-text:#316e8c;--dot-color:#2ab87e;--dot-glow:#2ab87e33;--scrollbar-thumb:#cad5f0;--loader-bg-from:#e6ecfb;--loader-bg-to:#f2f6ff;--loader-core-bg:#f8fbfff0;--loader-core-border:#c7d2f0;--loader-title-color:#2f3f72;--loader-subtitle-color:#6a779f;--loader-progress-track:#dce3f8;--loader-orbit-1:#5a64df73;--loader-orbit-2:#2d97c83d;--btn-soft-bg:#f7f9ff;--btn-soft-border:#c5d1ed;--btn-soft-text:#45578e;--btn-soft-hover-bg:#eef3ff;--btn-soft-hover-border:#a8b7e2;--icon-btn-bg:#f6f9ff;--icon-btn-border:#c5d1ee;--icon-btn-text:#4e5f98;--icon-btn-hover-bg:#eef3ff;--icon-btn-hover-border:#99aadf;--icon-btn-danger-border:#e9bfd0;--icon-btn-danger-hover-bg:#fff1f6;--toast-bg:#f8fbfffa;--toast-border:#cad4ef;--toast-text:#4c5d93;--toast-close:#7a88af;--toast-close-hover:#495b92;--toast-shadow:#4a60a31f;--placeholder-color:#8b98be;--category-title-color:#3c4f86;--modal-backdrop:#2d396070;--modal-title-color:#3a4d83;--invoice-item-title:#3a4d83;--qty-badge-color:#43558d;--module-title-color:#3e5088;--summary-final-border:#c8d3ef;--empty-state-text:#3b4f87;--shadow-soft:0 10px 22px #4a60a314;--shadow-medium:0 12px 28px #4a60a326;--shadow-item-hover:0 8px 14px #4a60a31f;--shadow-btn:0 8px 14px #5a64df3d;--shadow-btn-hover:0 10px 18px #5a64df47;--shadow-toast:0 8px 16px #4a60a31f;--radius-2xl:18px;--radius-xl:14px;--radius-lg:12px;--radius-md:10px;--radius-sm:8px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-size:14px}body{color:var(--text);background:radial-gradient(920px 420px at -10% -8%, var(--bg-body-from), transparent 62%), radial-gradient(780px 420px at 108% 6%, var(--bg-body-to), transparent 62%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);font-family:Inter,system-ui,sans-serif;transition:background-color .25s,color .25s;overflow:hidden auto}.app-shell{flex-direction:column;gap:10px;height:auto;min-height:100vh;padding:14px;transition:opacity .26s,transform .32s;display:flex;overflow:visible}.app-shell-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.app-shell-visible{opacity:1;transform:translateY(0)}.app-boot-loader{z-index:1400;background:#020617;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.loader-grid-bg{background-image:linear-gradient(#6366f112 1px,#0000 1px),linear-gradient(90deg,#6366f112 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.loader-aurora-top{filter:blur(40px);background:radial-gradient(#6366f147 0%,#38bdf824 40%,#0000 70%);border-radius:50%;width:900px;height:360px;animation:4s ease-in-out infinite alternate aurora-pulse;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.loader-aurora-bot{filter:blur(40px);background:radial-gradient(#a855f72e 0%,#6366f11a 50%,#0000 70%);border-radius:50%;width:700px;height:280px;animation:5s ease-in-out infinite alternate-reverse aurora-pulse;position:absolute;bottom:-180px;left:50%;transform:translate(-50%)}.loader-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);position:absolute;inset:0}.loader-particles{pointer-events:none;position:absolute;inset:0}.lp{opacity:0;border-radius:50%;animation:linear infinite lp-float;position:absolute}.lp-1{background:#818cf8;width:3px;height:3px;animation-duration:7s;animation-delay:0s;top:15%;left:8%}.lp-2{background:#38bdf8;width:2px;height:2px;animation-duration:9s;animation-delay:.8s;top:72%;left:18%}.lp-3{background:#a78bfa;width:4px;height:4px;animation-duration:6s;animation-delay:1.4s;top:35%;left:28%}.lp-4{background:#818cf8;width:2px;height:2px;animation-duration:11s;animation-delay:.3s;top:80%;left:40%}.lp-5{background:#34d399;width:3px;height:3px;animation-duration:8s;animation-delay:2.1s;top:20%;left:55%}.lp-6{background:#38bdf8;width:2px;height:2px;animation-duration:7s;animation-delay:.6s;top:60%;left:65%}.lp-7{background:#818cf8;width:4px;height:4px;animation-duration:10s;animation-delay:1.8s;top:40%;left:75%}.lp-8{background:#a78bfa;width:2px;height:2px;animation-duration:6s;animation-delay:.9s;top:85%;left:85%}.lp-9{background:#38bdf8;width:3px;height:3px;animation-duration:9s;animation-delay:3.2s;top:50%;left:12%}.lp-10{background:#818cf8;width:2px;height:2px;animation-duration:7s;animation-delay:1.1s;top:90%;left:22%}.lp-11{background:#34d399;width:4px;height:4px;animation-duration:12s;animation-delay:.4s;top:10%;left:48%}.lp-12{background:#a78bfa;width:2px;height:2px;animation-duration:8s;animation-delay:2.7s;top:75%;left:58%}.lp-13{background:#818cf8;width:3px;height:3px;animation-duration:6s;animation-delay:1.5s;top:25%;left:70%}.lp-14{background:#38bdf8;width:2px;height:2px;animation-duration:9s;animation-delay:.2s;top:55%;left:80%}.lp-15{background:#a78bfa;width:4px;height:4px;animation-duration:11s;animation-delay:3.8s;top:30%;left:90%}.lp-16{background:#818cf8;width:2px;height:2px;animation-duration:7s;animation-delay:2.3s;top:65%;left:35%}.loader-core{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020617d9;border:1px solid #6366f14d;border-radius:20px;justify-items:center;gap:16px;width:min(420px,100vw - 32px);padding:28px 24px 24px;animation:.5s cubic-bezier(.16,1,.3,1) both core-appear;display:grid;position:relative;box-shadow:0 0 0 1px #6366f11a,0 0 60px #6366f11f,inset 0 1px #ffffff0d}.loader-core:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#6366f10f 0%,#0000 50%,#38bdf80a 100%);position:absolute;inset:0}.loader-hex-wrap{place-items:center;width:110px;height:110px;display:grid;position:relative}.loader-hex-ring{border-style:solid;border-radius:50%;position:absolute}.loader-hex-ring-1{border-width:1px;border-color:#6366f180 #6366f11a;width:110px;height:110px;animation:3s linear infinite hex-spin;box-shadow:0 0 12px #6366f133}.loader-hex-ring-2{border-width:1px;border-color:#38bdf866 #38bdf81a;width:90px;height:90px;animation:2s linear infinite reverse hex-spin;box-shadow:0 0 10px #38bdf826}.loader-hex-ring-3{border-width:1.5px;border-color:#a855f780 #0000;width:72px;height:72px;animation:4s linear infinite hex-spin;box-shadow:0 0 14px #a855f733}.loader-logo-orb{background:linear-gradient(145deg,#4f46e5,#6366f1);border-radius:50%;place-items:center;width:56px;height:56px;animation:2.5s ease-in-out infinite orb-pulse;display:grid;box-shadow:0 0 20px #6366f180,0 0 40px #6366f133,inset 0 1px #fff3}.loader-logo-image{object-fit:contain;filter:brightness(0)invert();width:68%;height:68%}.loader-brand{text-align:center;gap:4px;display:grid}.loader-eyebrow{letter-spacing:.2em;color:#6366f1cc;text-transform:uppercase;margin:0;font-family:Space Grotesk,sans-serif;font-size:.55rem;font-weight:700}.loader-title{color:#f1f5f9;letter-spacing:-.01em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,4vw,1.28rem);font-weight:700;position:relative}.loader-title-glitch{display:inline-block;position:relative}.loader-title-glitch:before,.loader-title-glitch:after{content:attr(data-text);width:100%;position:absolute;top:0;left:0;overflow:hidden}.loader-title-glitch:before{color:#38bdf8;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:3.5s linear infinite glitch-top}.loader-title-glitch:after{color:#a78bfa;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:3.5s linear infinite glitch-bot}.loader-tagline{color:#94a3b8b3;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.62rem}.loader-chips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.loader-chip{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.52rem;font-weight:700;animation:.4s both chip-appear;display:inline-flex}.loader-chip:first-child{animation-delay:.15s}.loader-chip:nth-child(2){animation-delay:.3s}.loader-chip:nth-child(3){animation-delay:.45s}.lc-green{color:#34d399;background:#34d3991a;border-color:#34d39959}.lc-blue{color:#38bdf8;background:#38bdf81a;border-color:#38bdf859}.lc-purple{color:#a78bfa;background:#a855f71a;border-color:#a855f759}.lc-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.4s ease-in-out infinite lc-dot-blink}.lc-green .lc-dot{animation-delay:0s}.lc-blue .lc-dot{animation-delay:.2s}.lc-purple.lc-dot{animation-delay:.4s}.loader-progress-wrap{gap:6px;width:100%;display:grid}.loader-progress-track{background:#ffffff0f;border:1px solid #6366f126;border-radius:999px;width:100%;height:4px;position:relative;overflow:visible}.loader-progress-fill{background:linear-gradient(90deg,#6366f1,#38bdf8,#a78bfa) 0 0/200% 100%;border-radius:999px;height:100%;animation:1.4s ease-in-out infinite progress-sweep,2s linear infinite progress-shimmer;display:block;position:absolute;top:0;left:0;box-shadow:0 0 8px #6366f199}.loader-progress-glow{filter:blur(4px);background:linear-gradient(90deg,#0000,#6366f180,#0000);border-radius:999px;width:40%;height:10px;animation:1.4s ease-in-out infinite glow-sweep;display:block;position:absolute;top:50%;transform:translateY(-50%)}.loader-progress-labels{letter-spacing:.12em;color:#94a3b880;text-transform:uppercase;justify-content:space-between;font-size:.5rem;font-weight:700;display:flex}.loader-pct{color:#6366f1b3;animation:1.1s step-start infinite blink}.top-nav,.hero-deck,.menu-section,.invoice-section{border:1px solid var(--line-strong);border-radius:var(--radius-2xl);background:var(--surface);width:100%;max-width:1560px;box-shadow:var(--shadow-soft);margin-inline:auto}.top-nav{border-radius:999px;justify-content:center;align-items:center;gap:24px;width:fit-content;padding:8px 16px;display:flex}.brand-kicker,.hero-kicker,.tagline,.invoice-tag{color:var(--indigo);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:800}.brand-block{flex-direction:column;justify-content:center;display:flex}.brand-block h1,.hero-content h2,.menu-title,.invoice-title{color:var(--text-strong);letter-spacing:-.01em;margin:4px 0 0;font-family:Space Grotesk,sans-serif}.brand-block h1{font-size:clamp(.88rem,1.15vw,1.02rem)}.nav-status-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-pill,.command-status,.invoice-badge,.module-chip,.category-badge{border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-text);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.58rem;font-weight:800}.status-pill{border-color:var(--pill-ok-border);background:var(--pill-ok-bg);color:var(--pill-ok-text)}.status-pill.soft,.module-chip{border-color:var(--pill-soft-border);background:var(--pill-soft-bg);color:var(--pill-soft-text)}.theme-toggle-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:28px;height:28px;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.82rem;line-height:1;display:flex}.theme-toggle-btn:hover{border-color:var(--indigo);background:var(--indigo-bg);transform:rotate(20deg)scale(1.1)}.theme-toggle-btn:focus-visible{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-focus);outline:none}.hero-deck{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;padding:10px;display:grid}.hero-content,.menu-hero,.search-command,.category-module,.payment-module,.invoice-summary,.invoice-item,.invoice-header,.invoice-highlight,.invoice-empty,.empty-search-state,.photo-slot-card,.photo-modal{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-strong)}.hero-content{padding:10px}.hero-content h2{font-size:clamp(1rem,1.4vw,1.2rem)}.hero-content p,.menu-subtitle,.invoice-subtitle,.hero-side-note,.empty-search-state span,.invoice-empty span,.photo-modal p,.webhook-status,.summary-row,.invoice-item-sub,.search-label,.search-count,.remaining-text{color:var(--text-soft);margin:5px 0 0;font-size:.72rem;line-height:1.45}.hero-metrics,.kpi-strip,.invoice-highlight{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.metric-card,.kpi-tile,.invoice-highlight article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-card);padding:8px;transition:transform .18s,box-shadow .18s}.metric-card:hover,.kpi-tile:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.metric-card span,.kpi-tile p,.invoice-highlight p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.56rem;font-weight:700}.metric-card strong,.kpi-tile strong,.invoice-highlight strong,.summary-row strong{color:var(--text-heading);margin-top:5px;font-family:Space Grotesk,sans-serif;font-size:.82rem;display:block}.menu-section,.invoice-section{flex-direction:column;height:100%;min-height:0;padding:10px;display:flex;overflow:hidden}.menu-hero{grid-template-columns:minmax(0,1fr) minmax(170px,.45fr);gap:8px;padding:10px;display:grid}.menu-title,.invoice-title{font-size:clamp(.96rem,1.2vw,1.08rem)}.menu-subtitle,.invoice-subtitle{margin-top:4px}.menu-hero-side{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);padding:8px}.command-status{border-color:var(--pill-ok-border);background:var(--pill-ok-bg);color:var(--pill-ok-text);align-items:center;gap:6px;display:inline-flex}.dot{background:var(--dot-color);width:6px;height:6px;box-shadow:0 0 0 3px var(--dot-glow);border-radius:999px;animation:2.1s ease-in-out infinite pulse}.search-command{margin-top:8px;padding:8px}.search-meta-row,.category-head,.module-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.search-label,.search-count{margin:0;font-size:.62rem}.search-count{color:var(--muted);font-weight:700}.search-input,.module-row input{border:1px solid var(--line-input);border-radius:var(--radius-sm);background:var(--surface-input);width:100%;color:var(--text);font:inherit;margin-top:6px;padding:8px 9px;font-size:.7rem;transition:border-color .18s,box-shadow .18s}.search-input::placeholder,.module-row input::placeholder{color:var(--placeholder-color)}.search-input:focus-visible,.module-row input:focus-visible,.btn-soft:focus-visible,.btn-solid:focus-visible,.icon-btn:focus-visible,.item-card:focus-visible,.toast-close:focus-visible,.photo-slot-card:focus-visible,.theme-toggle-btn:focus-visible{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-focus);outline:none}.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.kpi-tile p{font-size:.54rem}.kpi-tile strong{font-size:.78rem}.category-stack::-webkit-scrollbar{width:6px}.invoice-sticky-dock::-webkit-scrollbar{width:6px}.invoice-items::-webkit-scrollbar{width:6px}.category-stack::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.invoice-sticky-dock::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.invoice-items::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.category-stack{gap:7px;max-height:calc(100% - 184px);margin-top:8px;padding-right:3px;display:grid;overflow:auto}.category-module{padding:8px}.category-title{color:var(--category-title-color);margin:0;font-size:.76rem;font-weight:800}.category-badge{padding:2px 7px;font-size:.54rem}.item-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:7px;margin-top:7px;display:grid}.item-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-item);color:var(--text);text-align:left;cursor:pointer;flex-direction:column;gap:5px;min-height:82px;padding:8px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.item-card:hover{border-color:var(--indigo);box-shadow:var(--shadow-item-hover);transform:translateY(-1px)}.item-name{font-size:.72rem;font-weight:700;line-height:1.35}.item-price{color:var(--indigo);margin-top:auto;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700}.item-hint{color:var(--muted);font-size:.58rem}.empty-search-state,.invoice-empty{border-style:dashed;margin-top:8px;padding:10px}.empty-search-state p,.invoice-empty p{color:var(--empty-state-text);margin:0;font-size:.74rem;font-weight:700}.invoice-sticky-dock{flex-direction:column;gap:8px;height:100%;min-height:0;padding-right:2px;display:flex;position:sticky;top:0;overflow:auto}.invoice-header{justify-content:space-between;align-items:flex-start;gap:8px;padding:8px;display:flex}.invoice-badge{font-size:.56rem}.invoice-highlight{grid-template-columns:repeat(3,minmax(0,1fr));padding:7px}.ok{color:var(--emerald)!important}.invoice-items{flex:0 auto;gap:6px;min-height:0;max-height:clamp(170px,33vh,360px);padding-right:2px;display:grid;overflow:auto}.invoice-item{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:8px;padding:7px;display:flex}.invoice-item-info{min-width:0}.invoice-item-title{color:var(--invoice-item-title);margin:0;font-size:.71rem;font-weight:700;line-height:1.35}.invoice-item-sub{margin:3px 0 0;font-size:.64rem}.invoice-item-controls{align-items:center;gap:4px;display:flex}.qty-badge{text-align:center;min-width:24px;color:var(--qty-badge-color);font-size:.68rem;font-weight:800}.icon-btn{border:1px solid var(--icon-btn-border);background:var(--icon-btn-bg);width:24px;height:24px;color:var(--icon-btn-text);cursor:pointer;border-radius:7px;transition:border-color .16s,background .16s,transform .16s}.icon-btn:hover{border-color:var(--icon-btn-hover-border);background:var(--icon-btn-hover-bg);transform:translateY(-1px)}.icon-btn.danger{border-color:var(--icon-btn-danger-border);color:var(--danger)}.icon-btn.danger:hover{background:var(--icon-btn-danger-hover-bg)}.payment-module,.invoice-summary{border-radius:var(--radius-lg);padding:8px}.module-title{color:var(--module-title-color);margin:0;font-size:.71rem}.module-chip{padding:2px 6px;font-size:.52rem}.module-row{grid-template-columns:78px 1fr;align-items:center;gap:6px;margin-top:6px;display:grid}.module-row label{color:var(--text-soft);font-size:.64rem;font-weight:700}.module-row input{margin-top:0}.summary-grid{gap:5px;display:grid}.summary-row{justify-content:space-between;gap:7px;margin:0;font-size:.68rem;display:flex}.summary-row.final{border-top:1px dashed var(--summary-final-border);border-bottom:1px dashed var(--summary-final-border);margin:2px 0;padding:5px 0}.remaining-text{color:var(--amber);margin:4px 0 0;font-size:.66rem;font-weight:700}.summary-actions,.photo-modal-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.btn-soft,.btn-solid{border-radius:var(--radius-sm);cursor:pointer;min-height:30px;padding:6px 8px;font-size:.63rem;font-weight:800;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.btn-soft{border:1px solid var(--btn-soft-border);background:var(--btn-soft-bg);color:var(--btn-soft-text)}.btn-soft:hover{border-color:var(--btn-soft-hover-border);background:var(--btn-soft-hover-bg)}.btn-solid{background:linear-gradient(135deg, var(--indigo), var(--indigo-strong));color:#f7f9ff;box-shadow:var(--shadow-btn);border:none}.btn-solid:hover{box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.btn-soft:disabled,.btn-solid:disabled,.icon-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.webhook-status{margin-top:7px;font-size:.68rem;font-weight:700}.webhook-status.loading{color:var(--cyan)}.webhook-status.success{color:var(--emerald)}.webhook-status.error{color:var(--danger)}.customer-input-section{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);flex-direction:column;gap:6px;padding:8px;display:flex}.customer-input-section label{color:var(--text-soft);margin:0;font-size:.64rem;font-weight:700}.customer-input-section input{border:1px solid var(--line-input);border-radius:var(--radius-sm);background:var(--surface-input);width:100%;color:var(--text);font:inherit;padding:8px 9px;font-size:.7rem;transition:border-color .18s,box-shadow .18s}.customer-input-section input::placeholder{color:var(--placeholder-color)}.customer-input-section input:focus-visible{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-focus);outline:none}.discount-hint{color:var(--text-muted);margin-top:2px;font-size:.64rem;font-style:italic;display:block}.photo-modal-backdrop{z-index:1100;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.photo-modal{border-radius:var(--radius-xl);width:min(560px,100vw - 32px);max-width:560px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-medium);padding:16px;overflow:auto}.photo-modal h3{color:var(--modal-title-color);margin:0;font-family:Space Grotesk,sans-serif;font-size:.84rem}.photo-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.photo-slot-grid.single{grid-template-columns:1fr}.photo-slot-card{gap:5px;padding:7px;transition:border-color .16s,box-shadow .16s;display:grid}.photo-slot-card:hover{border-color:var(--indigo);box-shadow:var(--shadow-medium)}.photo-slot-card.active{border-color:var(--indigo)}.photo-slot-head{justify-content:space-between;align-items:center;gap:7px;display:flex}.photo-slot-head strong{color:var(--text);font-size:.67rem}.photo-slot-head span{border:1px solid var(--line);background:var(--indigo-bg);color:var(--indigo);border-radius:999px;padding:2px 6px;font-size:.53rem;font-weight:700}.photo-upload-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.photo-input-hidden{display:none}.paste-zone{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-soft);text-align:center;place-items:center;min-height:40px;padding:7px;font-size:.6rem;transition:border-color .16s,background .16s;display:grid}.paste-zone:hover{border-color:var(--indigo);background:var(--indigo-bg)}.photo-preview{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--line);width:100%;max-height:100px}.toast-container{z-index:1200;flex-direction:column;gap:7px;max-width:min(300px,100vw - 20px);display:flex;position:fixed;bottom:12px;right:12px}.toast{border:1px solid var(--toast-border);border-left:4px solid var(--indigo);border-radius:var(--radius-md);background:var(--toast-bg);box-shadow:var(--shadow-toast);align-items:center;gap:8px;padding:7px 8px;animation:.22s toast-in;display:flex}.toast-mark{background:var(--indigo);border-radius:999px;flex-shrink:0;width:7px;height:7px}.toast-message{color:var(--toast-text);flex:1;font-size:.68rem}.toast-close{color:var(--toast-close);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;line-height:1;transition:color .15s}.toast-close:hover{color:var(--toast-close-hover)}.toast-success{border-left-color:var(--emerald)}.toast-success .toast-mark{background:var(--emerald)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-mark{background:var(--danger)}.toast-info{border-left-color:var(--cyan)}.toast-info .toast-mark{background:var(--cyan)}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes aurora-pulse{0%{opacity:.7;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.08)}}@keyframes lp-float{0%{opacity:0;transform:translateY(0)scale(1)}15%{opacity:1}85%{opacity:.6}to{opacity:0;transform:translateY(-80px)scale(.5)}}@keyframes hex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orb-pulse{0%,to{box-shadow:0 0 20px #6366f180,0 0 40px #6366f133,inset 0 1px #fff3}50%{box-shadow:0 0 28px #6366f1b3,0 0 60px #6366f14d,inset 0 1px #fff3}}@keyframes core-appear{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes glitch-top{0%,85%{opacity:0;transform:translate(0)}86%{opacity:.7;transform:translate(-2px,-1px)}88%{opacity:.5;transform:translate(2px,1px)}90%{opacity:.8;transform:translate(-1px)}92%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes glitch-bot{0%,87%{opacity:0;transform:translate(0)}88%{opacity:.6;transform:translate(2px,1px)}90%{opacity:.4;transform:translate(-2px)}92%{opacity:.7;transform:translate(1px,-1px)}94%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes chip-appear{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lc-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes progress-sweep{0%{width:5%}60%{width:82%}to{width:98%}}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glow-sweep{0%{left:-40%}to{left:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes loader-progress-run{0%{background-position:0%;transform:translate(-55%)}50%{background-position:100%;transform:translate(60%)}to{background-position:0%;transform:translate(-55%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.9)}}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.workspace-grid{flex:1;grid-template-columns:minmax(0,1fr) 380px;gap:10px;min-height:0;display:grid;overflow:visible}.workspace-main{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.menu-section,.invoice-section{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-strong);flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex;overflow:hidden}.menu-section{flex:1;height:100%}.invoice-section{height:100%}@media (width<=1220px){.hero-deck{grid-template-columns:1fr}}@media (width<=1080px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.workspace-grid{grid-template-columns:1fr;gap:10px}.menu-section,.invoice-section{height:auto;overflow:visible}.category-stack{max-height:none;padding-right:0;overflow:visible}.invoice-sticky-dock{height:auto;padding-right:0;position:static;overflow:visible}.invoice-items{max-height:none}}@media (width<=760px){.app-shell{gap:8px;padding:10px}.top-nav{flex-direction:column;align-items:flex-start}.hero-deck,.menu-section,.invoice-section{border-radius:var(--radius-xl);padding:9px}.hero-metrics,.kpi-strip,.summary-actions,.photo-modal-actions,.invoice-highlight,.menu-hero{grid-template-columns:1fr}.search-meta-row,.category-head{flex-direction:column;align-items:flex-start}.item-grid{grid-template-columns:1fr}.invoice-header{flex-direction:column}.module-row{grid-template-columns:1fr}.photo-modal{width:min(92vw,100%);max-height:calc(100vh - 24px)}.toast-container{max-width:none;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page-nav{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:4px;padding:8px 24px 0;display:flex}.page-tab{color:var(--text-soft);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 18px;font-size:.78rem;font-weight:600;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.page-tab:hover{color:var(--text-strong);background:var(--surface-strong)}.page-tab-active{color:var(--indigo);border-bottom-color:var(--indigo);background:var(--surface)}.absensi-grid{align-items:start}.metric-card-wide{grid-column:1/-1}.absensi-select{border:1px solid var(--line-input);border-radius:var(--radius-sm);background:var(--surface-input);width:100%;color:var(--text);font:inherit;cursor:pointer;margin-top:6px;padding:8px 9px;font-size:.72rem;transition:border-color .18s,box-shadow .18s}.absensi-select:focus-visible{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-focus);outline:none}.absensi-select:disabled{cursor:not-allowed;opacity:.6}.absensi-time-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.absensi-time-row label{color:var(--text-soft);margin-bottom:4px;font-size:.64rem;font-weight:700;display:block}.absensi-time-row input[type=time]{border:1px solid var(--line-input);border-radius:var(--radius-sm);background:var(--surface-input);width:100%;color:var(--text);font:inherit;padding:7px 9px;font-size:.72rem}.absensi-time-row input[type=time]:focus-visible{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-focus);outline:none}.absensi-guide{gap:7px;margin-top:8px;display:grid}.absensi-guide-step{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);align-items:flex-start;gap:10px;padding:10px;display:flex}.absensi-step-num{background:linear-gradient(135deg, var(--indigo), var(--indigo-strong));color:#f7f9ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.74rem;font-weight:800;display:flex}.absensi-guide-step strong{color:var(--text-strong);font-size:.74rem;font-weight:700;display:block}.absensi-guide-step p{color:var(--text-soft);margin:2px 0 0;font-size:.66rem;line-height:1.4}.absensi-clock{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-card);padding:12px}.live-clock{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.live-clock-time{color:var(--indigo);letter-spacing:.04em;font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:700;line-height:1.1}.live-clock-date{color:var(--text-soft);font-size:.66rem;font-weight:600}.absensi-hint{color:var(--text-muted);text-align:center;margin:4px 0 0;font-size:.62rem;line-height:1.4}.absensi-sheet-link{text-align:center;box-sizing:border-box;width:100%;margin-top:6px;text-decoration:none;display:block}:root{--bg:#e7ebfa;--bg-soft:#eef1fc;--bg-body-from:#6366f133;--bg-body-to:#22d3ee29;--surface:#ffffffb8;--surface-strong:#ffffffc7;--surface-card:#ffffff9e;--surface-input:#ffffffd9;--surface-item:#ffffffa8;--line:#94a3dc61;--line-strong:#818cf852;--line-input:#94a3dc80;--indigo:#6366f1;--indigo-strong:#4f46e5;--indigo-bg:#6366f11a;--indigo-focus:#6366f138;--cyan:#0891b2;--violet:#8b5cf6;--grad-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #22d3ee 100%);--grad-brand-soft:linear-gradient(135deg, #6366f129, #8b5cf61a, #22d3ee1f);--grad-text:linear-gradient(120deg, #6366f1, #8b5cf6 60%, #0ea5e9);--glow:#6366f147;--glow-strong:#6366f16b;--shadow-soft:0 8px 24px #4654a01a, 0 2px 6px #4654a00f;--shadow-medium:0 16px 40px #4654a029, 0 4px 12px #4654a014;--shadow-item-hover:0 14px 30px #6366f12e;--shadow-btn:0 8px 20px #6366f14d;--shadow-btn-hover:0 12px 28px #6366f16b;--radius-2xl:22px;--radius-xl:17px;--radius-lg:13px}body{background:radial-gradient(1100px 520px at -8% -10%, var(--bg-body-from), transparent 60%), radial-gradient(900px 520px at 110% 4%, var(--bg-body-to), transparent 58%), radial-gradient(700px 600px at 50% 120%, #8b5cf61a, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);background-attachment:fixed}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#6366f10d 1px,#0000 1px),linear-gradient(90deg,#6366f10d 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 0,#000 10%,#0000 80%);mask-image:radial-gradient(90% 80% at 50% 0,#000 10%,#0000 80%)}.app-shell{z-index:1;position:relative}.top-nav,.hero-deck,.menu-section,.invoice-section{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad-brand-soft) border-box;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--shadow-soft);border:1px solid #0000}.top-nav{box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff1a;gap:20px;padding:10px 20px}.brand-block h1,.hero-content h2,.menu-title,.invoice-title{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.brand-kicker,.hero-kicker,.tagline,.invoice-tag{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:.14em;-webkit-background-clip:text;background-clip:text}.status-pill,.command-status,.invoice-badge,.module-chip,.category-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;box-shadow:0 2px 8px #4654a00f}.status-pill{padding-left:18px;position:relative}.status-pill#nav-status-online:before{content:"";background:var(--emerald);width:6px;height:6px;box-shadow:0 0 0 3px var(--dot-glow), 0 0 8px var(--emerald);border-radius:999px;animation:2.1s ease-in-out infinite pulse;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.theme-toggle-btn{background:var(--grad-brand-soft);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:34px;height:34px;font-size:.98rem}.theme-toggle-btn:hover{box-shadow:0 0 16px var(--glow);transform:rotate(-18deg)scale(1.12)}.page-nav{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad-brand-soft) border-box;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--shadow-soft);border:1px solid #0000;border-radius:999px;gap:6px;width:fit-content;max-width:1560px;margin-inline:auto;padding:8px}.page-tab{letter-spacing:.03em;border:none;border-radius:999px;margin-bottom:0;padding:9px 22px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s,transform .2s}.page-tab-active{color:#fff;background:var(--grad-brand);box-shadow:0 6px 18px var(--glow-strong);background-size:180% 180%;border-bottom:none;animation:6s infinite grad-shift}@keyframes grad-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-deck{gap:12px;padding:14px;position:relative;overflow:hidden}.hero-deck:after{content:"";background:radial-gradient(circle, var(--glow), transparent 70%);pointer-events:none;opacity:.7;width:280px;height:280px;position:absolute;top:-60px;right:-40px}.hero-content{background:linear-gradient(var(--surface-strong), var(--surface-strong)) padding-box, var(--grad-brand-soft) border-box;z-index:1;border:1px solid #0000;padding:16px;position:relative}.hero-content,.menu-hero,.search-command,.category-module,.payment-module,.invoice-summary,.invoice-item,.invoice-header,.invoice-highlight,.invoice-empty,.empty-search-state,.photo-slot-card,.photo-modal,.menu-hero-side,.customer-input-section,.absensi-clock,.absensi-guide-step{background:var(--surface-card);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric-card,.kpi-tile,.invoice-highlight article{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--surface-strong), var(--surface-card));padding:11px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.metric-card:before,.kpi-tile:before{content:"";border-radius:inherit;background:var(--grad-brand);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.metric-card:hover:before,.kpi-tile:hover:before{opacity:1}.metric-card strong,.kpi-tile strong,.invoice-highlight strong{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.96rem}.dot{position:relative}.dot:after{content:"";border:1px solid var(--dot-color);opacity:.5;border-radius:999px;animation:2.1s ease-out infinite dot-ring;position:absolute;inset:-4px}@keyframes dot-ring{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.search-input,.module-row input,.customer-input-section input,.absensi-select,.absensi-time-row input[type=time]{border-radius:var(--radius-md);background:var(--surface-input);padding:10px 12px;font-size:.74rem;transition:border-color .2s,box-shadow .2s,background .2s}.search-command{position:relative}.category-module{padding:11px;transition:border-color .25s,box-shadow .25s}.category-module:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.category-title{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.item-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:9px}.item-card{border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--surface-strong), var(--surface-item));isolation:isolate;gap:6px;min-height:92px;padding:11px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.item-card:before{content:"";z-index:-1;background:var(--grad-brand-soft);opacity:0;transition:opacity .25s;position:absolute;inset:0}.item-card:after{content:"";background:var(--grad-brand);transform-origin:top;width:3px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.item-card:hover{box-shadow:var(--shadow-item-hover);border-color:#0000;transform:translateY(-3px)}.item-card:hover:before{opacity:1}.item-card:hover:after{transform:scaleY(1)}.item-card:active{transform:translateY(-1px)scale(.99)}.item-name{font-size:.76rem;font-weight:700}.item-price{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.8rem}.item-hint{opacity:.7;align-items:center;gap:4px;transition:opacity .25s,transform .25s;display:inline-flex}.item-card:hover .item-hint{opacity:1;transform:translate(2px)}.btn-soft,.btn-solid{border-radius:var(--radius-md);letter-spacing:.03em;min-height:36px;padding:9px 14px;font-size:.7rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,background .2s,border-color .2s;position:relative;overflow:hidden}.btn-soft{background:var(--surface-input);border:1px solid var(--line-input);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-soft:hover{border-color:var(--indigo);background:var(--indigo-bg);box-shadow:0 6px 16px var(--glow);transform:translateY(-2px)}.btn-solid{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-btn);background-size:180% 180%;border:none}.btn-solid:hover{box-shadow:var(--shadow-btn-hover);background-position:100%;transform:translateY(-2px)}.btn-solid:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .55s;position:absolute;top:0;left:-120%;transform:skew(-18deg)}.btn-solid:hover:after{left:130%}.btn-soft:active,.btn-solid:active{transform:translateY(0)scale(.98)}.icon-btn{background:var(--surface-input);border-radius:9px;width:28px;height:28px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.icon-btn:hover{box-shadow:0 4px 12px var(--glow);transform:translateY(-2px)}.icon-btn.danger:hover{box-shadow:0 4px 12px #d14f7152}.qty-badge{background:var(--grad-brand-soft);color:var(--indigo);border-radius:7px;padding:3px 0}.invoice-item{border-radius:var(--radius-lg);padding:10px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.3s both item-slide-in}.invoice-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translate(2px)}@keyframes item-slide-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.invoice-highlight article{text-align:center}.summary-row.final{border-radius:var(--radius-sm);background:var(--grad-brand-soft);border:1px dashed var(--line-strong);padding:8px 10px}.summary-row.final strong{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.84rem}.invoice-sticky-dock{gap:10px}.absensi-clock{background:linear-gradient(150deg, var(--surface-strong), var(--surface-card));padding:16px;position:relative;overflow:hidden}.absensi-clock:before{content:"";background:radial-gradient(circle at 50% 0%, var(--glow), transparent 70%);opacity:.5;pointer-events:none;position:absolute;inset:0}.live-clock-time{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 18px var(--glow));font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:2rem}.absensi-step-num{width:28px;height:28px;box-shadow:0 4px 12px var(--glow)}.absensi-guide-step{transition:transform .2s,box-shadow .2s,border-color .2s}.absensi-guide-step:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translate(3px)}.absensi-pill.in{box-shadow:0 0 0 1px var(--pill-ok-border), 0 2px 8px #1f8a6a2e}.absensi-pill.out{box-shadow:0 0 0 1px var(--icon-btn-danger-border), 0 2px 8px #d14f712e}.toast{border-radius:var(--radius-md);background:var(--toast-bg);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);box-shadow:var(--shadow-medium);border-left-width:4px;padding:10px 12px;position:relative;overflow:hidden}.toast:after{content:"";opacity:.4;transform-origin:0;background:currentColor;width:100%;height:2px;animation:4.2s linear forwards toast-bar;position:absolute;bottom:0;left:0}.toast-success{color:var(--emerald)}.toast-error{color:var(--danger)}.toast-info{color:var(--cyan)}.toast-message{color:var(--toast-text)}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.photo-modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-modal{background:linear-gradient(var(--surface-strong), var(--surface-strong)) padding-box, var(--grad-brand-soft) border-box;box-shadow:var(--shadow-medium), 0 0 60px var(--glow);border:1px solid #0000;animation:.35s cubic-bezier(.16,1,.3,1) both modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.94)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.photo-modal h3{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.95rem}.paste-zone{border-radius:var(--radius-md);transition:border-color .2s,background .2s,transform .2s}.paste-zone:hover{box-shadow:inset 0 0 0 1px var(--indigo);transform:scale(1.01)}.empty-search-state,.invoice-empty{border-style:dashed;border-color:var(--line-strong);text-align:center}.loader-core{background:linear-gradient(#020617e0,#020617e0) padding-box padding-box,linear-gradient(135deg,#818cf880,#22d3ee4d,#a78bfa80) border-box;border:1px solid #0000;box-shadow:0 0 0 1px #6366f11f,0 0 80px #6366f133,inset 0 1px #ffffff0f}.loader-logo-orb{background:linear-gradient(145deg,#4f46e5,#8b5cf6,#22d3ee) 0 0/180% 180%;animation:2.5s ease-in-out infinite orb-pulse,5s infinite grad-shift}.loader-progress-fill{background:linear-gradient(90deg,#6366f1,#22d3ee,#a78bfa,#6366f1) 0 0/300% 100%}.workspace-grid{animation:.5s cubic-bezier(.16,1,.3,1) both section-rise}.workspace-main>*{animation:.55s cubic-bezier(.16,1,.3,1) both section-rise}.workspace-main>:first-child{animation-delay:40ms}.workspace-main>:nth-child(2){animation-delay:.1s}.invoice-section{animation:.55s cubic-bezier(.16,1,.3,1) 80ms both section-rise}@keyframes section-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.category-module{animation:.5s cubic-bezier(.16,1,.3,1) both section-rise}.category-module:first-child{animation-delay:50ms}.category-module:nth-child(2){animation-delay:.1s}.category-module:nth-child(3){animation-delay:.15s}.category-module:nth-child(4){animation-delay:.2s}.category-module:nth-child(n+5){animation-delay:.24s}.category-stack::-webkit-scrollbar{width:8px}.invoice-sticky-dock::-webkit-scrollbar{width:8px}.invoice-items::-webkit-scrollbar{width:8px}.category-stack::-webkit-scrollbar-thumb{background:linear-gradient(var(--indigo), var(--violet));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.invoice-sticky-dock::-webkit-scrollbar-thumb{background:linear-gradient(var(--indigo), var(--violet));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.invoice-items::-webkit-scrollbar-thumb{background:linear-gradient(var(--indigo), var(--violet));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.category-stack::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--indigo-strong), var(--violet));background-clip:padding-box}.invoice-sticky-dock::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--indigo-strong), var(--violet));background-clip:padding-box}.invoice-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--indigo-strong), var(--violet));background-clip:padding-box}.menu-hero,.invoice-header{position:relative}.absensi-sheet-link{border-radius:var(--radius-md)}.top-nav{transition:box-shadow .3s,transform .3s}.top-nav:hover{box-shadow:var(--shadow-medium), inset 0 1px 0 #ffffff1f}.brand-block h1{background:var(--grad-brand);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:7s infinite grad-shift}@media (hover:hover) and (width>=1081px){.menu-section,.invoice-section,.hero-deck{transition:box-shadow .3s,transform .3s}.menu-section:hover,.hero-deck:hover{box-shadow:var(--shadow-medium)}}.invoice-badge{background:var(--grad-brand-soft);border-color:var(--line-strong);color:var(--indigo);font-weight:800}.summary-actions .btn-soft,.photo-modal-actions .btn-soft{color:var(--btn-soft-text)}.webhook-status{border-radius:var(--radius-sm);background:var(--surface-card);border:1px solid var(--line);padding:7px 10px}.webhook-status.success{border-color:var(--pill-ok-border)}.webhook-status.error{border-color:var(--icon-btn-danger-border)}.webhook-status.loading{border-color:var(--pill-soft-border)}.discount-hint{background:var(--grad-brand-soft);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--indigo);padding:5px 8px;font-style:normal;font-weight:600}.metric-card span,.kpi-tile p,.invoice-highlight p{letter-spacing:.08em}.item-card:focus-visible{box-shadow:0 0 0 3px var(--indigo-focus), var(--shadow-item-hover);border-color:#0000;outline:none}.absensi-time-row input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5)sepia()saturate(4)hue-rotate(210deg);cursor:pointer}.absensi-recap-section{margin-top:10px}.recap-week-label{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:.62rem;font-weight:700;display:block}.recap-summary-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.recap-summary-item{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--surface-strong), var(--surface-card));flex-direction:column;gap:3px;padding:10px 12px;display:flex}.recap-summary-item span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.56rem;font-weight:700}.recap-summary-item strong{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1rem}.recap-week-chip{font-size:.78rem!important}.recap-list{gap:7px;margin-top:8px;display:grid}.recap-row{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;padding:10px 12px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.3s both item-slide-in;display:flex}.recap-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translate(3px)}.recap-rank{width:26px;height:26px;color:var(--text-soft);background:var(--surface-input);border:1px solid var(--line);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:800;display:flex}.recap-row:first-child .recap-rank{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#0000;box-shadow:0 4px 12px #f59e0b66}.recap-row:nth-child(2) .recap-rank{color:#fff;background:linear-gradient(135deg,#64748b,#94a3b8);border-color:#0000}.recap-row:nth-child(3) .recap-rank{color:#fff;background:linear-gradient(135deg,#b45309,#d97706);border-color:#0000}.recap-info{flex:1;min-width:0}.recap-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;display:block;overflow:hidden}.recap-meta{color:var(--text-muted);font-size:.62rem}.recap-total{background:var(--grad-brand-soft);border:1px solid var(--line-strong);color:var(--indigo);white-space:nowrap;background-clip:padding-box;border-radius:999px;flex-shrink:0;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700}@media (width<=760px){.recap-summary-bar{grid-template-columns:1fr}}.photo-modal-backdrop{z-index:2000;place-items:center;padding:16px;animation:.2s both backdrop-fade;display:grid;position:fixed;inset:0}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.toast-container{z-index:2100;position:fixed}#root{isolation:isolate}.app-boot-loader{z-index:1400;background:radial-gradient(900px 500px at 50% -10%,#131a36 0%,#0000 60%),linear-gradient(#070b18 0%,#0b1124 100%);place-items:center;animation:.5s 2.5s both loader-exit;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes loader-exit{to{opacity:0;visibility:hidden}}.app-boot-loader .loader-aurora-top,.app-boot-loader .loader-aurora-bot{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.app-boot-loader .loader-aurora-top{background:radial-gradient(#6366f173,#22d3ee2e 45%,#0000 72%);width:720px;height:320px;animation:3s ease-in-out infinite alternate loader-aurora;top:-200px}.app-boot-loader .loader-aurora-bot{background:radial-gradient(#8b5cf652,#6366f11f 50%,#0000 72%);width:620px;height:300px;animation:3.4s ease-in-out infinite alternate-reverse loader-aurora;bottom:-220px}@keyframes loader-aurora{0%{opacity:.55;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.12)}}.app-boot-loader .loader-core{z-index:2;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;justify-items:center;gap:22px;padding:0;animation:.6s cubic-bezier(.16,1,.3,1) both loader-rise;display:grid;position:relative}.app-boot-loader .loader-core:before{content:none}@keyframes loader-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.loader-ring{place-items:center;width:104px;height:104px;display:grid;position:relative}.loader-ring-spin{background:conic-gradient(#0000 0deg,#6366f1 120deg,#22d3ee 240deg,#0000 360deg);border-radius:50%;animation:1s linear infinite loader-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.loader-ring:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-6px;box-shadow:0 0 40px #6366f173}.app-boot-loader .loader-logo-orb{background:linear-gradient(145deg,#4f46e5,#6366f1 55%,#22d3ee);border-radius:50%;place-items:center;width:72px;height:72px;animation:2s ease-in-out infinite loader-orb;display:grid;box-shadow:inset 0 1px #ffffff40,0 8px 24px #6366f166}@keyframes loader-orb{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.app-boot-loader .loader-logo-image{object-fit:contain;filter:brightness(0)invert();width:60%;height:60%}.app-boot-loader .loader-brand{text-align:center;gap:6px;display:grid}.app-boot-loader .loader-eyebrow{letter-spacing:.4em;text-indent:.4em;color:#a5b4fcd9;text-transform:uppercase;margin:0;font-family:Space Grotesk,sans-serif;font-size:.6rem;font-weight:700}.app-boot-loader .loader-title{letter-spacing:-.01em;background:linear-gradient(120deg,#a5b4fc,#c4b5fd 50%,#67e8f9);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700}.loader-bar{background:#94a3b82e;border-radius:999px;width:min(220px,60vw);height:3px;position:relative;overflow:hidden}.loader-bar-fill{transform-origin:0;background:linear-gradient(90deg,#6366f1,#22d3ee,#a78bfa) 0 0/200% 100%;border-radius:999px;animation:3s cubic-bezier(.45,0,.2,1) forwards loader-fill,1.4s linear infinite loader-shimmer;position:absolute;inset:0}@keyframes loader-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loader-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.app-boot-loader,.loader-ring-spin,.loader-bar-fill,.app-boot-loader .loader-logo-orb{animation-duration:.001ms!important;animation-iteration-count:1!important}}.welcome-overlay{z-index:1390;background:radial-gradient(1000px 600px,#131a36 0%,#0000 65%),linear-gradient(#070b18 0%,#0b1124 100%);place-items:center;animation:.6s cubic-bezier(.16,1,.3,1) both welcome-in,.7s cubic-bezier(.7,0,.84,0) 1.7s forwards welcome-out;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes welcome-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-out{to{opacity:0;visibility:hidden;transform:scale(1.08)}}.welcome-aurora{filter:blur(60px);pointer-events:none;background:radial-gradient(circle at 35% 40%,#6366f166,#0000 45%),radial-gradient(circle at 65% 60%,#22d3ee4d,#0000 45%),radial-gradient(circle at 50% 55%,#8b5cf64d,#0000 50%);width:900px;height:900px;animation:8s linear infinite welcome-aurora-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes welcome-aurora-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.welcome-grid{pointer-events:none;background-image:linear-gradient(#6366f10f 1px,#0000 1px),linear-gradient(90deg,#6366f10f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 60%,#000 10%,#0000 75%)}.welcome-content{z-index:2;text-align:center;justify-items:center;gap:12px;padding:0 20px;display:grid;position:relative}.welcome-eyebrow{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#a5b4fce6;opacity:0;align-items:center;gap:8px;margin:0;font-family:Space Grotesk,sans-serif;font-size:.64rem;font-weight:700;animation:.6s .3s both welcome-fade-up;display:inline-flex}.welcome-dot{background:#34d399;border-radius:999px;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 10px #34d399}.welcome-title{letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;gap:.25em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,9vw,5rem);font-weight:700;line-height:1;display:flex}.welcome-word{color:#f1f5f9;opacity:0;animation:.85s cubic-bezier(.16,1,.3,1) forwards welcome-word-rise;display:inline-block;transform:translateY(120%)rotate(6deg)}.welcome-word:first-child{animation-delay:.4s}.welcome-word:nth-child(2){animation-delay:.56s}.welcome-word-accent{background:linear-gradient(120deg,#818cf8,#c4b5fd 45%,#22d3ee);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 6px 30px #6366f180);-webkit-background-clip:text;background-clip:text}@keyframes welcome-word-rise{to{opacity:1;transform:translateY(0)rotate(0)}}.welcome-sub{color:#94a3b8d9;letter-spacing:.04em;opacity:0;margin:0;font-size:clamp(.74rem,2vw,.92rem);animation:.6s .9s both welcome-fade-up}.welcome-line{opacity:0;background:#94a3b82e;border-radius:999px;width:min(260px,60vw);height:2px;margin-top:6px;animation:.5s 1s both welcome-fade-up;overflow:hidden}.welcome-line-fill{transform-origin:0;background:linear-gradient(90deg,#6366f1,#22d3ee,#a78bfa);border-radius:999px;width:100%;height:100%;animation:1.1s cubic-bezier(.45,0,.2,1) 1s forwards welcome-line-grow;display:block;transform:scaleX(0)}@keyframes welcome-line-grow{to{transform:scaleX(1)}}@keyframes welcome-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.welcome-overlay,.welcome-aurora,.welcome-word,.welcome-eyebrow,.welcome-sub,.welcome-line,.welcome-line-fill{animation-duration:.001ms!important;animation-iteration-count:1!important}.welcome-word{opacity:1;transform:none}}.pin-gate{z-index:1500;background:radial-gradient(900px 500px at 50% -10%,#131a36 0%,#0000 60%),linear-gradient(#070b18 0%,#0b1124 100%);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.pin-aurora{filter:blur(70px);pointer-events:none;background:radial-gradient(circle at 38% 42%,#6366f159,#0000 45%),radial-gradient(circle at 62% 58%,#22d3ee40,#0000 45%);width:760px;height:760px;animation:10s linear infinite welcome-aurora-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pin-card{z-index:2;border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0f1528db,#0f1528db) padding-box padding-box,linear-gradient(135deg,#818cf880,#22d3ee4d) border-box;border:1px solid #0000;justify-items:center;gap:8px;width:min(360px,100%);padding:30px 26px;animation:.5s cubic-bezier(.16,1,.3,1) both loader-rise;display:grid;position:relative;box-shadow:0 30px 70px #00000080,0 0 60px #6366f12e}.pin-logo{background:linear-gradient(145deg,#4f46e5,#6366f1 55%,#22d3ee);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:4px;font-size:1.4rem;display:grid;box-shadow:inset 0 1px #ffffff40,0 8px 24px #6366f166}.pin-eyebrow{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#a5b4fcd9;margin:0;font-family:Space Grotesk,sans-serif;font-size:.56rem;font-weight:700}.pin-title{background:linear-gradient(120deg,#a5b4fc,#c4b5fd 50%,#67e8f9);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700}.pin-sub{color:#94a3b8d9;margin:0 0 6px;font-size:.74rem}.pin-input{text-align:center;letter-spacing:.5em;text-indent:.5em;border-radius:var(--radius-md);color:#e2e8f0;background:#0f1528b3;border:1px solid #6374a866;width:100%;padding:12px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;transition:border-color .2s,box-shadow .2s}.pin-input::placeholder{color:#475569;letter-spacing:.3em}.pin-input:focus-visible{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f140,0 0 18px #6366f14d}.pin-error{color:#f87171;margin:0;font-size:.68rem;font-weight:700}.pin-submit{width:100%;margin-top:4px}.pin-shake{animation:.4s pin-shake}@keyframes pin-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.pin-aurora,.pin-card,.pin-shake{animation:none!important}}.conn-status{border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-text);white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:.58rem;font-weight:800;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.conn-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:7px;height:7px;position:relative}.conn-online{border-color:var(--pill-ok-border);background:var(--pill-ok-bg);color:var(--pill-ok-text)}.conn-online .conn-dot{background:var(--dot-color);box-shadow:0 0 6px var(--dot-color)}.conn-online .conn-dot:after{content:"";border:1px solid var(--dot-color);opacity:.5;border-radius:999px;animation:2.1s ease-out infinite dot-ring;position:absolute;inset:-4px}.conn-offline{border-color:var(--icon-btn-danger-border);background:var(--danger-bg);color:var(--danger)}.conn-offline .conn-dot{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:1s step-start infinite conn-blink}.conn-checking{border-color:var(--pill-soft-border);background:var(--pill-soft-bg);color:var(--pill-soft-text)}.conn-checking .conn-dot{animation:1.2s ease-in-out infinite conn-pulse}@keyframes conn-blink{50%{opacity:.25}}@keyframes conn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.absensi-duration-preview{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--grad-brand-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;display:flex}.absensi-duration-preview .dur-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.6rem;font-weight:700}.absensi-duration-preview .dur-value{background:var(--grad-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:auto;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700}.absensi-duration-preview.warn{border-color:var(--icon-btn-danger-border);background:var(--danger-bg)}.absensi-duration-preview .dur-warn{color:var(--danger);flex-basis:100%;font-size:.62rem;font-weight:600}.absensi-duration-preview.warn .dur-value{-webkit-text-fill-color:var(--danger);color:var(--danger);background:0 0}:root{--bg:#f8fafc;--bg-soft:#f1f5f9;--bg-body-from:transparent;--bg-body-to:transparent;--surface:#fff;--surface-strong:#fff;--surface-card:#fff;--surface-input:#fff;--surface-item:#fff;--line:#e2e8f0;--line-strong:#cbd5e1;--line-input:#cbd5e1;--text:#111827;--text-soft:#475569;--text-strong:#0f172a;--text-heading:#0f172a;--text-muted:#64748b;--muted:#64748b;--indigo:#3b82f6;--indigo-strong:#2563eb;--indigo-bg:#eff6ff;--indigo-focus:#3b82f659;--cyan:#0891b2;--violet:#8b5cf6;--emerald:#16a34a;--emerald-bg:#f0fdf4;--amber:#d97706;--danger:#dc2626;--danger-bg:#fef2f2;--badge-bg:#f1f5f9;--badge-border:#e2e8f0;--badge-text:#475569;--pill-ok-bg:#f0fdf4;--pill-ok-border:#bbf7d0;--pill-ok-text:#15803d;--pill-soft-bg:#eff6ff;--pill-soft-border:#bfdbfe;--pill-soft-text:#1d4ed8;--dot-color:#16a34a;--dot-glow:#16a34a2e;--scrollbar-thumb:#cbd5e1;--placeholder-color:#94a3b8;--category-title-color:#0f172a;--modal-backdrop:#0f172a73;--modal-title-color:#0f172a;--invoice-item-title:#0f172a;--qty-badge-color:#1d4ed8;--module-title-color:#0f172a;--summary-final-border:#e2e8f0;--empty-state-text:#0f172a;--btn-soft-bg:#fff;--btn-soft-border:#cbd5e1;--btn-soft-text:#1e293b;--btn-soft-hover-bg:#f1f5f9;--btn-soft-hover-border:#94a3b8;--icon-btn-bg:#fff;--icon-btn-border:#cbd5e1;--icon-btn-text:#334155;--icon-btn-hover-bg:#f1f5f9;--icon-btn-hover-border:#3b82f6;--icon-btn-danger-border:#fecaca;--icon-btn-danger-hover-bg:#fef2f2;--toast-bg:#fff;--toast-border:#e2e8f0;--toast-text:#1e293b;--toast-close:#64748b;--toast-close-hover:#0f172a;--toast-shadow:#0f172a1a;--grad-brand:#3b82f6;--grad-brand-soft:#eff6ff;--grad-text:#2563eb;--glow:#3b82f61a;--glow-strong:#3b82f62e;--shadow-soft:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-medium:0 4px 6px #0f172a12, 0 2px 4px #0f172a0f;--shadow-item-hover:0 4px 12px #0f172a1a;--shadow-btn:0 1px 2px #2563eb33;--shadow-btn-hover:0 4px 10px #2563eb40;--shadow-toast:0 8px 20px #0f172a1f;--radius-2xl:16px;--radius-xl:12px;--radius-lg:10px;--radius-md:8px;--radius-sm:6px;--transition-fast:.15s ease;--transition-normal:.2s ease}body{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);background-attachment:fixed;font-family:Roboto,system-ui,-apple-system,sans-serif}h1,h2,h3,.menu-title,.invoice-title,.brand-block h1,.hero-content h2,.category-title,.loader-title,.pin-title,.welcome-title{font-family:Poppins,system-ui,sans-serif!important}.top-nav,.hero-deck,.menu-section,.invoice-section,.page-nav{box-shadow:var(--shadow-soft);background:var(--surface)!important;border:1px solid var(--line-strong)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hero-content,.menu-hero,.search-command,.category-module,.payment-module,.invoice-summary,.invoice-item,.invoice-header,.invoice-highlight,.invoice-empty,.empty-search-state,.photo-slot-card,.photo-modal,.menu-hero-side,.customer-input-section,.absensi-clock,.absensi-guide-step,.metric-card,.kpi-tile,.invoice-highlight article,.recap-summary-item,.recap-row,.item-card{background:var(--surface-card)!important;border:1px solid var(--line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.brand-block h1,.hero-content h2,.menu-title,.invoice-title,.brand-kicker,.hero-kicker,.tagline,.invoice-tag,.category-title,.item-price,.metric-card strong,.kpi-tile strong,.invoice-highlight strong,.summary-row.final strong,.recap-summary-item strong,.live-clock-time,.absensi-duration-preview .dur-value{-webkit-text-fill-color:currentColor!important;-webkit-text-fill-color:initial!important;filter:none!important;background:0 0!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;animation:none!important}.brand-block h1,.hero-content h2,.menu-title,.invoice-title,.category-title,.live-clock-time{color:var(--text-heading)!important}.brand-kicker,.hero-kicker,.tagline,.invoice-tag{letter-spacing:.08em;color:var(--indigo)!important}.item-price,.metric-card strong,.kpi-tile strong,.invoice-highlight strong,.summary-row.final strong,.recap-summary-item strong{color:var(--indigo)!important}.page-nav{border-radius:var(--radius-xl)!important}.page-tab-active{background:var(--indigo-bg)!important;color:var(--indigo)!important;box-shadow:none!important;animation:none!important}.status-pill,.invoice-badge,.category-badge,.conn-status{background:var(--badge-bg)!important;border:1px solid var(--badge-border)!important;color:var(--badge-text)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.status-pill{background:var(--pill-ok-bg)!important;border-color:var(--pill-ok-border)!important;color:var(--pill-ok-text)!important}.status-pill.soft{background:var(--pill-soft-bg)!important;border-color:var(--pill-soft-border)!important;color:var(--pill-soft-text)!important}.conn-online{background:var(--pill-ok-bg)!important;border-color:var(--pill-ok-border)!important;color:var(--pill-ok-text)!important}.conn-offline{background:var(--danger-bg)!important;border-color:var(--icon-btn-danger-border)!important;color:var(--danger)!important}.conn-checking{background:var(--pill-soft-bg)!important;border-color:var(--pill-soft-border)!important;color:var(--pill-soft-text)!important}.btn-solid{box-shadow:var(--shadow-btn);background:var(--indigo)!important;color:#fff!important;border:1px solid var(--indigo)!important;background-size:auto!important;animation:none!important}.btn-solid:hover:not(:disabled){box-shadow:var(--shadow-btn-hover);background:var(--indigo-strong)!important;border-color:var(--indigo-strong)!important;transform:none!important}.btn-soft{background:var(--btn-soft-bg)!important;border:1px solid var(--btn-soft-border)!important;color:var(--btn-soft-text)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.btn-soft:hover:not(:disabled){background:var(--btn-soft-hover-bg)!important;border-color:var(--btn-soft-hover-border)!important;box-shadow:none!important;transform:none!important}.btn-soft:active:not(:disabled),.btn-solid:active:not(:disabled){transform:translateY(1px)!important}.absensi-btn-in{background:var(--emerald)!important;border-color:var(--emerald)!important;box-shadow:none!important}.absensi-btn-out{background:var(--danger)!important;border-color:var(--danger)!important;box-shadow:none!important}.item-card{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.item-card:hover{box-shadow:var(--shadow-item-hover);border-color:var(--indigo)!important;background:var(--indigo-bg)!important;transform:none!important}.theme-toggle-btn{background:var(--surface)!important;border:1px solid var(--line-strong)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.theme-toggle-btn:hover{background:var(--indigo-bg)!important;box-shadow:none!important;transform:none!important}.search-input,.module-row input,.customer-input-section input,.absensi-select,.absensi-time-row input[type=time]{border-radius:var(--radius-md);background:var(--surface-input)!important;border:1px solid var(--line-input)!important}.search-input:focus-visible,.module-row input:focus-visible,.customer-input-section input:focus-visible,.absensi-select:focus-visible,.absensi-time-row input[type=time]:focus-visible{border-color:var(--indigo)!important;box-shadow:0 0 0 3px var(--indigo-focus)!important}.icon-btn{background:var(--icon-btn-bg)!important;border:1px solid var(--icon-btn-border)!important}.icon-btn:hover{background:var(--icon-btn-hover-bg)!important;border-color:var(--icon-btn-hover-border)!important;box-shadow:none!important;transform:none!important}.qty-badge{background:var(--pill-soft-bg)!important;color:var(--qty-badge-color)!important}.summary-row.final{background:var(--bg-soft)!important;border:1px dashed var(--summary-final-border)!important}.recap-total{background:var(--indigo-bg)!important;border:1px solid var(--pill-soft-border)!important;color:var(--indigo)!important}.category-badge{background:var(--pill-soft-bg)!important;border-color:var(--pill-soft-border)!important;color:var(--pill-soft-text)!important}.absensi-duration-preview{background:var(--indigo-bg)!important}.invoice-item:hover,.recap-row:hover,.absensi-guide-step:hover{box-shadow:var(--shadow-soft);border-color:var(--line-strong)!important;transform:none!important}.category-stack::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)!important}.invoice-sticky-dock::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)!important}.invoice-items::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)!important}.app-boot-loader .loader-logo-orb{background:var(--indigo)!important;box-shadow:var(--shadow-medium)!important;animation:2s ease-in-out infinite loader-orb!important}.app-boot-loader .loader-title{-webkit-text-fill-color:initial!important;color:var(--text-heading)!important;background:0 0!important}.loader-bar{background:var(--line)!important}.loader-bar-fill{background:var(--indigo)!important;background-size:auto!important;animation:3s cubic-bezier(.45,0,.2,1) forwards loader-fill!important}.welcome-eyebrow{color:var(--indigo)!important}.welcome-word-accent{-webkit-text-fill-color:initial!important;color:var(--indigo)!important;filter:none!important;background:0 0!important}.welcome-line{background:var(--line)!important}.pin-card{background:var(--surface)!important;border:1px solid var(--line-strong)!important;box-shadow:var(--shadow-medium)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pin-logo{background:var(--indigo)!important;box-shadow:none!important}.pin-title{-webkit-text-fill-color:initial!important;color:var(--text-heading)!important;background:0 0!important}.pin-input{background:var(--surface-input)!important;border:1px solid var(--line-input)!important;color:var(--text)!important}.pin-input:focus-visible{border-color:var(--indigo)!important;box-shadow:0 0 0 3px var(--indigo-focus)!important}.toast{background:var(--toast-bg)!important;border:1px solid var(--toast-border)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--shadow-toast)!important}.photo-modal{background:var(--surface)!important;border:1px solid var(--line-strong)!important;box-shadow:var(--shadow-toast)!important}.photo-modal h3{-webkit-text-fill-color:initial!important;color:var(--text-heading)!important;background:0 0!important}@media (prefers-reduced-motion:reduce){.loader-ring-spin,.loader-bar-fill,.welcome-word{animation:none!important}.welcome-word{opacity:1!important;transform:none!important}}:root{--nb-border:#1c293c;--nb-border-w:2.5px;--nb-shadow:5px 5px 0 var(--nb-border);--nb-shadow-sm:3px 3px 0 var(--nb-border);--nb-shadow-lg:8px 8px 0 var(--nb-border);--nb-shadow-press:2px 2px 0 var(--nb-border);--bg:#fbfbf9;--bg-soft:#f3f1ea;--bg-body-from:transparent;--bg-body-to:transparent;--surface:#fbfbf9;--surface-strong:#fff;--surface-card:#fff;--surface-input:#fff;--surface-item:#fff;--line:#1c293c;--line-strong:#1c293c;--line-input:#1c293c;--text:#1c293c;--text-soft:#4a566b;--text-strong:#1c293c;--text-heading:#1c293c;--text-muted:#5b6678;--muted:#5b6678;--indigo:#432dd7;--indigo-strong:#3522b0;--indigo-bg:#ece9fb;--indigo-focus:#fdc800;--cyan:#0891b2;--violet:#432dd7;--emerald:#15803d;--emerald-bg:#e7f6ed;--amber:#b45309;--danger:#dc2626;--danger-bg:#fde8e8;--yellow:#fdc800;--badge-bg:#fdc800;--badge-border:#1c293c;--badge-text:#1c293c;--pill-ok-bg:#15803d;--pill-ok-border:#1c293c;--pill-ok-text:#fff;--pill-soft-bg:#432dd7;--pill-soft-border:#1c293c;--pill-soft-text:#fff;--dot-color:#15803d;--dot-glow:#16a34a00;--scrollbar-thumb:#1c293c;--placeholder-color:#8a93a3;--category-title-color:#1c293c;--modal-backdrop:#1c293c8c;--modal-title-color:#1c293c;--invoice-item-title:#1c293c;--qty-badge-color:#1c293c;--module-title-color:#1c293c;--summary-final-border:#1c293c;--empty-state-text:#1c293c;--btn-soft-bg:#fff;--btn-soft-border:#1c293c;--btn-soft-text:#1c293c;--btn-soft-hover-bg:#fdc800;--btn-soft-hover-border:#1c293c;--icon-btn-bg:#fff;--icon-btn-border:#1c293c;--icon-btn-text:#1c293c;--icon-btn-hover-bg:#fdc800;--icon-btn-hover-border:#1c293c;--icon-btn-danger-border:#1c293c;--icon-btn-danger-hover-bg:#dc2626;--toast-bg:#fff;--toast-border:#1c293c;--toast-text:#1c293c;--toast-close:#1c293c;--toast-close-hover:#dc2626;--toast-shadow:var(--nb-shadow);--grad-brand:#432dd7;--grad-brand-soft:#fdc800;--grad-text:#432dd7;--glow:transparent;--glow-strong:transparent;--shadow-soft:var(--nb-shadow-sm);--shadow-medium:var(--nb-shadow);--shadow-item-hover:var(--nb-shadow-lg);--shadow-btn:var(--nb-shadow-sm);--shadow-btn-hover:var(--nb-shadow);--shadow-toast:var(--nb-shadow-lg);--radius-2xl:8px;--radius-xl:8px;--radius-lg:8px;--radius-md:6px;--radius-sm:4px}body{background-attachment:fixed;background:var(--bg)!important;font-family:Inter,system-ui,sans-serif!important}body:before{content:none!important}h1,h2,h3,.menu-title,.invoice-title,.brand-block h1,.hero-content h2,.category-title,.loader-title,.pin-title,.welcome-title{letter-spacing:-.01em!important;font-family:Inter,system-ui,sans-serif!important;font-weight:800!important}.brand-kicker,.hero-kicker,.tagline,.invoice-tag,.metric-card span,.kpi-tile p,.invoice-highlight p,.recap-summary-item span,.loader-eyebrow,.welcome-eyebrow,.pin-eyebrow,.recap-week-label,.conn-status,.status-pill,.invoice-badge,.category-badge{text-transform:uppercase;letter-spacing:.04em;font-family:JetBrains Mono,monospace!important}.top-nav,.hero-deck,.menu-section,.invoice-section,.page-nav{background:var(--surface)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--nb-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hero-deck:after{content:none!important}.hero-content,.menu-hero,.search-command,.category-module,.payment-module,.invoice-summary,.invoice-item,.invoice-header,.invoice-highlight,.invoice-empty,.empty-search-state,.photo-slot-card,.photo-modal,.menu-hero-side,.customer-input-section,.absensi-clock,.absensi-guide-step,.metric-card,.kpi-tile,.invoice-highlight article,.recap-summary-item,.recap-row,.item-card{box-shadow:var(--nb-shadow-sm);background:var(--surface-card)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-md)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.invoice-header,.menu-hero,.hero-content,.search-command{box-shadow:none}.brand-block h1,.hero-content h2,.menu-title,.invoice-title,.brand-kicker,.hero-kicker,.tagline,.invoice-tag,.category-title,.item-price,.metric-card strong,.kpi-tile strong,.invoice-highlight strong,.summary-row.final strong,.recap-summary-item strong,.live-clock-time,.absensi-duration-preview .dur-value,.loader-title,.pin-title,.welcome-word-accent,.photo-modal h3{-webkit-text-fill-color:initial!important;filter:none!important;background:0 0!important}.photo-modal h3{animation:none!important}.welcome-word-accent{opacity:0;animation:.85s cubic-bezier(.16,1,.3,1) .56s forwards welcome-word-rise!important}.brand-block h1,.hero-content h2,.menu-title,.invoice-title,.category-title,.live-clock-time,.photo-modal h3{color:var(--text-heading)!important}.brand-kicker,.hero-kicker,.tagline,.invoice-tag{color:var(--indigo)!important}.item-price,.metric-card strong,.kpi-tile strong,.invoice-highlight strong,.summary-row.final strong,.recap-summary-item strong{color:var(--text-heading)!important;font-weight:800!important}.page-nav{box-shadow:var(--nb-shadow-sm)!important}.page-tab{text-transform:uppercase;border:var(--nb-border-w) solid transparent!important;border-radius:var(--radius-sm)!important;font-family:JetBrains Mono,monospace!important;font-weight:700!important}.page-tab:hover{background:var(--bg-soft)!important;transform:none!important}.page-tab-active{background:var(--yellow)!important;color:#1c293c!important;border:var(--nb-border-w) solid var(--nb-border)!important;box-shadow:var(--nb-shadow-sm)!important;animation:none!important}.page-tab-active svg{stroke:#1c293c}.status-pill,.invoice-badge,.category-badge,.conn-status,.status-pill.soft{border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;font-weight:700!important}.status-pill{background:var(--pill-ok-bg)!important;color:var(--pill-ok-text)!important}.status-pill.soft{background:var(--pill-soft-bg)!important;color:var(--pill-soft-text)!important}.invoice-badge,.category-badge{background:var(--yellow)!important;color:#1c293c!important}.conn-online{background:var(--pill-ok-bg)!important;color:#fff!important}.conn-offline{background:var(--danger)!important;color:#fff!important}.conn-checking{background:var(--pill-soft-bg)!important;color:#fff!important}.conn-status .conn-dot{background:currentColor!important}.btn-solid,.btn-soft{text-transform:uppercase;letter-spacing:.03em;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--nb-shadow-sm)!important;font-family:JetBrains Mono,monospace!important;font-weight:700!important;transition:transform .1s,box-shadow .1s,background .12s!important}.btn-solid{background:var(--indigo)!important;color:#fff!important;background-size:auto!important;animation:none!important}.btn-solid:after{content:none!important}.btn-soft{background:var(--btn-soft-bg)!important;color:var(--btn-soft-text)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.btn-solid:hover:not(:disabled),.btn-soft:hover:not(:disabled){box-shadow:var(--nb-shadow)!important;transform:translate(-1px,-1px)!important}.btn-soft:hover:not(:disabled){background:var(--btn-soft-hover-bg)!important}.btn-solid:active:not(:disabled),.btn-soft:active:not(:disabled){box-shadow:var(--nb-shadow-press)!important;transform:translate(2px,2px)!important}.btn-solid:disabled,.btn-soft:disabled,.icon-btn:disabled{box-shadow:none!important;opacity:.5!important;transform:none!important}.absensi-btn-in{background:var(--emerald)!important;color:#fff!important}.absensi-btn-out{background:var(--danger)!important;color:#fff!important}.item-card{box-shadow:var(--nb-shadow-sm)!important;transition:transform .1s,box-shadow .1s,background .12s!important}.item-card:before,.item-card:after{content:none!important}.item-card:hover{box-shadow:var(--nb-shadow)!important;background:var(--yellow)!important;border-color:var(--nb-border)!important;transform:translate(-2px,-2px)!important}.item-card:hover .item-name,.item-card:hover .item-price,.item-card:hover .item-hint{color:#1c293c!important}.item-card:active{box-shadow:var(--nb-shadow-press)!important;transform:translate(1px,1px)!important}.metric-card:before,.kpi-tile:before{content:none!important}.metric-card:hover,.kpi-tile:hover{box-shadow:var(--nb-shadow)!important;border-color:var(--nb-border)!important;transform:translate(-2px,-2px)!important}.theme-toggle-btn{background:var(--yellow)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--nb-shadow-sm)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.theme-toggle-btn:hover{box-shadow:var(--nb-shadow)!important;background:var(--yellow)!important;transform:translate(-1px,-1px)!important}.search-input,.module-row input,.customer-input-section input,.absensi-select,.absensi-time-row input[type=time],.pin-input{background:var(--surface-input)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;font-family:Inter,sans-serif!important}.search-input:focus-visible,.module-row input:focus-visible,.customer-input-section input:focus-visible,.absensi-select:focus-visible,.absensi-time-row input[type=time]:focus-visible,.pin-input:focus-visible{border-color:var(--nb-border)!important;box-shadow:var(--nb-shadow-sm), 0 0 0 3px var(--yellow)!important;outline:none!important}.icon-btn{background:var(--icon-btn-bg)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--nb-shadow-press)!important;font-weight:800!important}.icon-btn:hover{background:var(--yellow)!important;box-shadow:var(--nb-shadow-sm)!important;transform:translate(-1px,-1px)!important}.icon-btn.danger:hover{background:var(--danger)!important;color:#fff!important}.icon-btn:active{box-shadow:none!important;transform:translate(1px,1px)!important}.qty-badge{background:var(--yellow)!important;color:#1c293c!important;border:2px solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;font-weight:800!important}.summary-row.final{background:var(--yellow)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;padding:8px 10px!important}.summary-row.final strong{color:#1c293c!important}.recap-total{background:var(--indigo)!important;color:#fff!important;border:2px solid var(--nb-border)!important;border-radius:var(--radius-sm)!important}.absensi-duration-preview{background:var(--yellow)!important;border:var(--nb-border-w) solid var(--nb-border)!important}.absensi-duration-preview .dur-value{color:#1c293c!important}.absensi-duration-preview.warn{background:var(--danger)!important}.absensi-duration-preview.warn .dur-value,.absensi-duration-preview.warn .dur-label,.absensi-duration-preview.warn .dur-warn{color:#fff!important}.absensi-step-num,.recap-rank{border:2px solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;background:var(--yellow)!important;color:#1c293c!important;font-weight:800!important}.recap-row:first-child .recap-rank{background:var(--yellow)!important;color:#1c293c!important}.recap-row:nth-child(2) .recap-rank{color:#1c293c!important;background:#cbd5e1!important}.recap-row:nth-child(3) .recap-rank{background:var(--amber)!important;color:#fff!important}.invoice-item:hover,.recap-row:hover,.absensi-guide-step:hover{box-shadow:var(--nb-shadow-sm)!important;border-color:var(--nb-border)!important;transform:translate(-1px,-1px)!important}.category-stack::-webkit-scrollbar{width:10px}.invoice-sticky-dock::-webkit-scrollbar{width:10px}.invoice-items::-webkit-scrollbar{width:10px}.category-stack::-webkit-scrollbar-thumb{background:var(--nb-border)!important;border:2px solid var(--surface)!important;border-radius:0!important}.invoice-sticky-dock::-webkit-scrollbar-thumb{background:var(--nb-border)!important;border:2px solid var(--surface)!important;border-radius:0!important}.invoice-items::-webkit-scrollbar-thumb{background:var(--nb-border)!important;border:2px solid var(--surface)!important;border-radius:0!important}::selection{background:var(--yellow);color:#1c293c}.app-boot-loader{background:var(--bg)!important}.app-boot-loader .loader-aurora-top,.app-boot-loader .loader-aurora-bot{display:none!important}.loader-ring-spin{background:conic-gradient(from 0deg, transparent 0deg, var(--indigo) 280deg, transparent 360deg)!important}.loader-ring:after{box-shadow:none!important}.app-boot-loader .loader-logo-orb{background:var(--yellow)!important;border:var(--nb-border-w) solid var(--nb-border)!important;box-shadow:var(--nb-shadow-sm)!important}.app-boot-loader .loader-logo-image{filter:none!important}.app-boot-loader .loader-eyebrow{color:var(--indigo)!important}.app-boot-loader .loader-title{color:var(--text-heading)!important}.loader-bar{background:var(--surface-strong)!important;border:2px solid var(--nb-border)!important}.loader-bar-fill{background:var(--indigo)!important;background-size:auto!important}.welcome-overlay{background:var(--bg)!important}.welcome-aurora{display:none!important}.welcome-grid{opacity:.6}.welcome-eyebrow{background:var(--yellow);border:2px solid var(--nb-border);border-radius:var(--radius-sm);padding:4px 12px;color:#1c293c!important}.welcome-dot{background:var(--emerald)!important;box-shadow:none!important}.welcome-word{color:var(--text-heading)!important}.welcome-word-accent{color:var(--indigo)!important}.welcome-sub{color:var(--text-soft)!important}.welcome-line{border:2px solid var(--nb-border);background:var(--surface-strong)!important}.welcome-line-fill{background:var(--indigo)!important}.pin-gate{background:var(--bg)!important}.pin-aurora{display:none!important}.pin-card{background:var(--surface-strong)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--nb-shadow-lg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pin-logo{border:2px solid var(--nb-border);background:var(--yellow)!important;box-shadow:none!important}.pin-eyebrow{color:var(--indigo)!important}.pin-title{color:var(--text-heading)!important}.pin-sub{color:var(--text-soft)!important}.toast{background:var(--toast-bg)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-sm)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--nb-shadow)!important}.toast-success{border-left:6px solid var(--emerald)!important}.toast-error{border-left:6px solid var(--danger)!important}.toast-info{border-left:6px solid var(--indigo)!important}.photo-modal{background:var(--surface-strong)!important;border:var(--nb-border-w) solid var(--nb-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--nb-shadow-lg)!important}.paste-zone{border:2px dashed var(--nb-border)!important;border-radius:var(--radius-sm)!important}.photo-preview,.photo-slot-card{border-radius:var(--radius-sm)!important}.dot:after{border-color:var(--dot-color)!important}@media (prefers-reduced-motion:reduce){.loader-ring-spin,.loader-bar-fill,.welcome-word{animation:none!important}.welcome-word{opacity:1!important;transform:none!important}.btn-solid,.btn-soft,.item-card,.icon-btn,.metric-card,.kpi-tile,.theme-toggle-btn{transition:none!important}}.absensi-manage-section{margin-top:10px}.manage-list{gap:7px;margin-top:8px;display:grid}.manage-row{border:var(--nb-border-w,2.5px) solid var(--nb-border,#1c293c);border-radius:var(--radius-sm,4px);background:var(--surface-card);box-shadow:var(--nb-shadow-sm,3px 3px 0 #1c293c);align-items:center;gap:10px;padding:10px 12px;display:flex}.manage-info{flex:1;min-width:0}.manage-name{color:var(--text-strong);font-size:.78rem;font-weight:800;display:block}.manage-meta{color:var(--text-soft);font-family:JetBrains Mono,monospace;font-size:.64rem}.manage-row-actions,.manage-actions{flex-shrink:0;gap:6px;display:flex}.manage-delete{color:var(--danger)!important;border-color:var(--danger)!important}.manage-delete:hover:not(:disabled){background:var(--danger)!important;color:#fff!important}.manage-edit{gap:8px;width:100%;display:grid}.manage-edit-fields{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.manage-edit-fields input[type=time]{border:var(--nb-border-w,2.5px) solid var(--nb-border,#1c293c);border-radius:var(--radius-sm,4px);background:var(--surface-input);width:100%;color:var(--text);font:inherit;padding:7px 8px;font-size:.72rem}.manage-edit-fields input[type=time]:focus-visible{box-shadow:var(--nb-shadow-sm,3px 3px 0 #1c293c), 0 0 0 3px var(--yellow,#fdc800);outline:none}.manage-edit .manage-actions{justify-content:flex-end}@media (width<=560px){.manage-edit-fields{grid-template-columns:1fr}.manage-row{flex-direction:column;align-items:stretch}.manage-row-actions{justify-content:flex-end}}