:root{--bg:#edf5ec;--paper:#fffdf8;--surface:#fffffff0;--surface-solid:#fff;--surface-soft:#edf6eb;--text:#17251c;--muted:#66746a;--primary:#17683d;--primary-dark:#0f3f28;--accent:#f4c64b;--accent-soft:#fff4d5;--accent-red:#c84932;--success:#278146;--warning:#a96517;--danger:#bd3c2d;--info:#2d6da8;--border:#d4dfd1;--border-strong:#b8cabc;--ring:#17683d38;--shadow:0 14px 34px #0f3f281a;--shadow-soft:0 6px 16px #0f3f280f;--shadow-raised:0 18px 44px #0f3f2824;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% -10%, #f4c64b33, transparent 24rem), radial-gradient(circle at 92% 12%, #17683d1a, transparent 20rem), linear-gradient(135deg, #17683d09 0 25%, transparent 25% 50%), var(--bg);background-size:auto,auto,24px 24px,auto;min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ring);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.62}#root{min-height:100dvh}.app-shell{min-height:100dvh;padding:10px 10px calc(112px + env(safe-area-inset-bottom));overflow-x:hidden}.app-main{width:min(100%,1180px);margin:0 auto}.topbar,.page-header,.section-heading,.product-title-row,.transaction-item,.money-row,.rank-row,.calculated-total{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{z-index:8;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8e6;border:1px solid #d4dfd1d1;border-radius:8px;margin-bottom:12px;padding:12px;position:sticky;top:6px}.topbar h1,.page-header h2,.panel h2,.warung-hero h2,.product-card h3{margin:0}.topbar h1{letter-spacing:-.04em;font-size:clamp(24px,7vw,32px);line-height:1.05}.topbar>div,.page-header>div,.transaction-copy{min-width:0}.topbar p,.page-header p{margin:6px 0 0;line-height:1.35}.topbar p,.page-header p,.auth-copy p,.muted,.product-card p,.transaction-item span,.summary-card small,.empty-state p{color:var(--muted)}.topbar-brand,.section-heading span{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:900}.brand-mark,.icon-button{border:0;border-radius:8px;place-items:center;display:grid}.topbar-profile{min-height:34px;color:var(--primary-dark);text-align:left;text-underline-offset:4px;background:0 0;border:0;margin-top:4px;padding:0;font-weight:900;text-decoration:underline}.screen{flex-direction:column;gap:14px;display:flex}.page-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.page-header h2{letter-spacing:-.04em;font-size:clamp(25px,7vw,31px);line-height:1.05}.page-header p{max-width:23rem}.page-header .primary{white-space:nowrap}.warung-hero,.panel,.summary-card,.product-card,.transaction-item,.modal-card,.auth-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.warung-hero{min-height:190px;color:var(--paper);box-shadow:var(--shadow-raised);background:radial-gradient(circle at 86% 12%,#f4c64b85,#0000 13rem),linear-gradient(135deg,#0f3f28 0%,#17683d 56%,#2f7f46 100%);border-color:#ffffff2e;align-items:center;gap:16px;padding:22px;display:grid;position:relative;overflow:hidden}.warung-hero:before{content:"";background:#fffdf821;border-radius:999px;width:210px;height:210px;position:absolute;inset:auto -44px -76px auto;box-shadow:inset 0 0 0 1px #fffdf82e}.warung-hero:after{content:"";pointer-events:none;background-image:linear-gradient(120deg,#ffffff1f,#0000 35%);position:absolute;inset:0}.warung-hero>*{z-index:1;position:relative}.warung-hero h2{letter-spacing:-.055em;max-width:760px;font-size:clamp(32px,7vw,58px);line-height:.98}.warung-hero p{color:#fffdf8cc;max-width:48rem;margin:10px 0 0;font-size:16px;line-height:1.55}.hint{color:#fff0ba;font-weight:800}.quick-actions,.summary-grid,.two-col{gap:10px;display:grid}.panel,.product-card,.transaction-item,.summary-card{padding:16px}.transaction-item{align-items:start}.transaction-copy{gap:4px;display:grid}.transaction-copy strong{overflow-wrap:anywhere}.transaction-item span{line-height:1.35;display:block}.side-rail{display:none}.auth-shell{place-items:center;min-height:100dvh;padding:18px;display:grid}.auth-panel{width:min(100%,440px);padding:22px;overflow:hidden}.warung-sign:before{content:"";background:repeating-linear-gradient(90deg, var(--accent-red) 0 28px, var(--paper) 28px 56px);height:10px;margin:-22px -22px 16px;display:block}.warung-sign span{color:var(--paper);background:var(--primary-dark);border-radius:8px;padding:9px 12px;font-weight:900;display:inline-grid}.auth-copy h1{letter-spacing:-.055em;margin:18px 0 8px;font-size:clamp(32px,9vw,46px);line-height:1.05}.primary,.secondary,.link-button,.bottom-nav button,.side-rail button,.stock-actions button,.transaction-side button,.segmented button{border:0;border-radius:8px;min-height:44px;font-weight:900}.primary{color:var(--paper);background:linear-gradient(180deg, #ffffff1f, transparent), var(--primary);box-shadow:0 10px 22px #17683d38}.secondary{color:var(--primary-dark);background:var(--accent);box-shadow:inset 0 -1px #0f3f2829}.secondary.calm,.link-button{color:var(--primary-dark);background:var(--surface-soft)}.small{min-height:38px;padding:0 12px;line-height:1.05}.summary-card{background:linear-gradient(135deg, #fffffff5, #fffdf8cc), var(--surface-solid);border-left:4px solid;flex-direction:column;justify-content:space-between;min-height:96px;display:flex;position:relative;overflow:hidden}.summary-card:after{content:"";opacity:.045;background:currentColor;border-radius:999px;width:108px;height:108px;position:absolute;top:-38px;right:-36px}.summary-card span{color:var(--muted);font-size:12px;font-weight:800}.summary-card strong{color:var(--text);letter-spacing:-.04em;font-size:clamp(22px,5vw,28px)}.success{color:var(--success)}.warning{color:var(--warning)}.info{color:var(--info)}.danger{color:var(--danger)}.counter,.badge{background:var(--surface-soft);white-space:nowrap;border:1px solid #0f3f2814;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.badge.success{background:#e8f6e8}.badge.warning{background:#fff4d7}.badge.danger,.counter.danger{background:#ffe9e4}.alert-list,.history-list,.product-list{gap:10px;display:grid}.alert-item{border:1px solid var(--border);background:linear-gradient(135deg, #ffffffeb, #fffdf8c2), var(--paper);text-align:left;border-radius:8px;width:100%;padding:14px}.alert-item span{color:var(--muted);margin-top:4px;display:block}.alert-item.warning{border-color:#f0cc77}.alert-item.danger{border-color:#f0a099}.empty-state{text-align:center;border:1px dashed var(--border);background:#fffdf8db;border-radius:8px;padding:18px}.empty-state.compact{padding:14px}.empty-state p{max-width:24rem;margin:0 auto}.product-card p{margin:6px 0 0;font-size:14px;line-height:1.35}.product-card{overflow:hidden}.stock-line strong{color:var(--text)}.stock-actions{gap:8px;margin-top:14px;display:flex}.stock-actions button,.transaction-side button{color:var(--primary-dark);background:var(--surface-soft);padding:0 14px}.transaction-side{align-content:start;justify-items:end;gap:8px;min-width:86px;display:grid}.transaction-side strong{text-align:right;line-height:1.12}.transaction-side button{min-height:32px;color:var(--danger);background:#ffe9e4;padding:0 12px}.segmented{background:var(--surface-soft);border:1px solid #0f3f280f;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0}.segmented button.active{color:var(--primary-dark);background:var(--surface);box-shadow:var(--shadow-soft)}.rank-row,.money-row{border-bottom:1px solid var(--border);padding:12px 0}.rank-row:last-child,.money-row:last-child{border-bottom:0}.rank-row span{width:28px;height:28px;color:var(--paper);background:var(--primary);border-radius:8px;place-items:center;font-weight:900;display:grid}.rank-row em{color:var(--muted);font-style:normal}.icon-button{width:42px;height:42px;color:var(--text);background:var(--surface-soft)}.icon-button svg,.bottom-nav svg,.side-rail svg,.brand-mark svg{width:20px;height:20px}.form{gap:10px;display:grid}.search-input,.form input,.form select{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);background:var(--surface-solid);border-radius:8px;padding:0 13px;box-shadow:inset 0 1px #0f3f280a}.form label{color:var(--text);gap:7px;font-size:14px;font-weight:900;display:grid}.settings-note,.inline-warning{border-radius:8px;padding:12px}.settings-note,.calculated-total{background:linear-gradient(135deg, #ffffff70, transparent), var(--surface-soft)}.inline-warning{color:var(--warning);background:#fff4d7;margin:0}.calculated-total{border-radius:8px;padding:12px}.calculated-total strong{color:var(--primary-dark);font-size:22px}details{border:1px solid var(--border);background:#fffdf8b8;border-radius:8px;padding:12px}summary{cursor:pointer;font-weight:900}details label{margin-top:12px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2b1d8a;align-items:end;padding:14px;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,540px);max-height:90vh;box-shadow:var(--shadow-raised);margin:0 auto;padding:20px;overflow:auto}.bottom-nav{left:50%;bottom:calc(8px + env(safe-area-inset-bottom));z-index:10;border:1px solid var(--border);width:min(100% - 20px,560px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f0;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav button,.side-rail button{color:var(--muted);background:0 0}.bottom-nav button{place-items:center;gap:2px;min-height:54px;font-size:10.5px;display:grid}.bottom-nav button.active,.side-rail button.active{color:var(--primary-dark);background:linear-gradient(180deg, #ffffff6b, transparent), var(--surface-soft);box-shadow:inset 0 0 0 1px #0f3f280f}.toast{z-index:30;width:min(100% - 32px,420px);color:var(--paper);background:linear-gradient(180deg, #ffffff1f, transparent), var(--primary-dark);box-shadow:var(--shadow);text-align:center;border-radius:8px;padding:14px 16px;font-weight:900;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.link-button{width:100%;margin-top:12px}@media (prefers-reduced-motion:no-preference){.screen,.auth-panel{animation:.42s cubic-bezier(.16,1,.3,1) both page-enter}.primary,.secondary,.link-button,.bottom-nav button,.side-rail button,.stock-actions button,.transaction-side button,.segmented button,.topbar-profile,.icon-button,.summary-card,.product-card,.transaction-item,.alert-item{transition:transform .18s,box-shadow .22s,border-color .22s,background-color .22s,color .18s}.primary:not(:disabled):hover,.secondary:not(:disabled):hover,.link-button:not(:disabled):hover,.icon-button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.topbar-profile:hover{color:var(--primary)}.summary-card:hover,.product-card:hover,.transaction-item:hover,.alert-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}button:not(:disabled):active{transform:translateY(1px)scale(.99)}.modal-card{animation:.26s cubic-bezier(.16,1,.3,1) both modal-enter}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=560px){.quick-actions,.two-col{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.app-shell{grid-template-columns:236px minmax(0,1fr);gap:24px;padding:24px;display:grid}.side-rail{height:calc(100vh - 48px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8c7;border:1px solid #d4dfd1d1;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex;position:sticky;top:24px}.side-rail button{justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;display:flex}.brand-button{box-shadow:var(--shadow-soft);margin-bottom:16px;color:var(--primary-dark)!important;background:linear-gradient(135deg, #f4c64b33, transparent), var(--paper)!important}.brand-mark{width:34px;height:34px;color:var(--paper);background:var(--primary)}.bottom-nav{display:none}.dashboard-screen,.report-screen{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;display:grid}.warung-hero,.summary-grid,.alert-panel{grid-column:1/-1}.alert-panel .alert-list{grid-template-columns:repeat(2,minmax(0,1fr))}.warung-hero{grid-template-columns:minmax(0,1fr) minmax(240px,320px);padding:28px}.quick-actions{align-self:end}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-screen{max-width:760px}}