@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg:#f5f7fb;--surface:#ffffff;--surface2:#f1f3f7;--surface3:#e7ebf2;--text:#20232b;--muted:#7b8290;--primary:#6574cd;--primaryDark:#4f5cad;--primarySoft:#eaedff;--lavender:#8994dd;--lavenderSoft:#edf0ff;--peach:#e99b86;--peachSoft:#fff0eb;--blue:#71a9c8;--blueSoft:#eaf5fb;--cream:#c6a66d;--creamSoft:#f8f1e4;--danger:#d36f72;--dangerSoft:#fdeced;--success:#5d9a7b;--successSoft:#e9f6ee;--border:#e5e8ee;--shadow:0 20px 50px -30px rgba(39,48,72,.28);--shadowSoft:0 10px 28px -22px rgba(39,48,72,.22)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}html{scroll-behavior:smooth}body{font:13px Manrope,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease}button:active{transform:scale(.975)}button:disabled{cursor:not-allowed}::selection{background:var(--primarySoft);color:var(--primaryDark)}.app-shell{position:relative;max-width:520px;min-height:100vh;margin:auto;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(232,181,158,.1),transparent 28%),radial-gradient(circle at 0% 45%,rgba(169,155,196,.09),transparent 26%),var(--bg)}.topbar{position:sticky;top:0;z-index:20;padding:15px 17px 12px;background:#f7f4f1d6;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(233,226,222,.82)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{font:600 21px/1 Plus Jakarta Sans,serif;letter-spacing:-.45px}.wordmark span{color:var(--primary)}.user-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:6px 10px;border-radius:999px;background:#eee5ecc7;color:var(--primaryDark);font-size:9px;font-weight:700;letter-spacing:.15px;border:1px solid rgba(101,116,205,.12)}.top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.today-date{font-size:10px;color:var(--muted);font-weight:700}.logout-btn{display:flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:11px;background:#fffdfbbf;color:var(--muted);padding:7px 9px;font-size:9px;font-weight:700;box-shadow:var(--shadowSoft)}.content{flex:1;padding:17px 16px 112px;display:flex;flex-direction:column;gap:16px;animation:pageIn .42s cubic-bezier(.2,.8,.2,1)}.bottomnav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(520px,100%);z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 6px max(7px,env(safe-area-inset-bottom));background:#fffdfbe0;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-top:1px solid rgba(233,226,222,.9);box-shadow:0 -18px 35px -30px #342a3166}.navbtn{position:relative;border:0;background:none;color:#a39a9f;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 3px;font-size:9.5px;font-weight:700}.navbtn svg{transition:transform .22s ease}.navbtn.active{color:var(--primaryDark)}.navbtn.active svg{transform:translateY(-2px)}.dot{width:4px;height:4px;border-radius:50%;background:var(--primary);opacity:0;transition:.22s}.active .dot{opacity:1}.card{position:relative;background:#fffdfbe0;border:1px solid rgba(233,226,222,.9);border-radius:22px;padding:17px;box-shadow:var(--shadow);animation:softIn .4s both}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.section-title{font:600 19px/1.2 Plus Jakarta Sans,serif;letter-spacing:-.25px}.section-sub{font-size:10.5px;color:var(--muted);margin:4px 0 12px;line-height:1.55}.kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi-mini{padding:12px 7px;text-align:center;background:linear-gradient(145deg,var(--lavenderSoft),#f8f4f8);border:1px solid #e7dfeb;border-radius:15px}.kpi-mini:nth-child(2){background:linear-gradient(145deg,var(--peachSoft),#fcf7f4);border-color:#f1e1d9}.kpi-mini:nth-child(3){background:linear-gradient(145deg,var(--blueSoft),#f5f9fa);border-color:#e0eaee}.kpi-mini .v{font-size:16px;font-weight:700;color:var(--primaryDark)}.kpi-mini:nth-child(2) .v{color:#a16f5b}.kpi-mini:nth-child(3) .v{color:#668a9a}.kpi-mini .small{font-size:12px}.kpi-mini .l{font-size:8.5px;color:var(--muted);font-weight:700;text-transform:uppercase;margin-top:3px;letter-spacing:.45px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-card{min-height:101px;text-align:left;display:flex;justify-content:space-between;flex-direction:column;padding:15px 14px;background:linear-gradient(145deg,#fffdfb,#faf7f4);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadowSoft);overflow:hidden;position:relative}.menu-card:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;right:-28px;bottom:-27px;background:var(--primarySoft);opacity:.65;transition:transform .35s ease}.menu-card:nth-child(3n+2):after{background:var(--peachSoft)}.menu-card:nth-child(3n):after{background:var(--blueSoft)}.menu-card:hover{transform:translateY(-2px);box-shadow:0 18px 35px -26px #3e323a66}.menu-card:hover:after{transform:scale(1.35)}.nm{position:relative;z-index:1;font-size:12.5px;font-weight:700;line-height:1.35}.pr{position:relative;z-index:1;font-size:11.5px;color:var(--primaryDark);font-weight:700}.tx-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 0;border-bottom:1px solid var(--border)}.tx-left{min-width:0}.tx-nm{font-size:12.3px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{font-size:9.5px;color:var(--muted);margin-top:3px}.tx-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.tx-amt{font-weight:700;font-size:12px}.icon-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--muted);display:grid;place-items:center}.icon-btn:hover{background:var(--primarySoft);color:var(--primaryDark)}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.qris{background:var(--lavenderSoft);color:var(--primaryDark)}.tunai{background:var(--creamSoft);color:#9a754b}.owner{background:var(--surface3);color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-tile{position:relative;overflow:hidden;min-height:108px;padding:16px;border-radius:19px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}.kpi-tile:before{content:"";position:absolute;width:100px;height:100px;right:-30px;top:-30px;border-radius:50%;background:#ffffff29}.kpi-tile.c1{background:linear-gradient(135deg,#8994dd,#6574cd)}.kpi-tile.c2{background:linear-gradient(135deg,#e8a18c,#ce806d)}.kpi-tile.c3{background:linear-gradient(135deg,#83bad8,#6099ba)}.kpi-tile.c4{background:linear-gradient(135deg,#d3b77f,#b08e54)}.kpi-tile .v{font-size:22px;font-weight:700;position:relative}.kpi-tile .money{font-size:15px}.kpi-tile .l{font-size:9.5px;font-weight:600;margin-top:5px;opacity:.9;position:relative}.tbl-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:9px 8px;border-bottom:1px solid var(--border);white-space:nowrap;text-align:right}th:first-child,td:first-child{text-align:left}th{font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.35px}.compact-card{padding:7px 12px}.day-row{width:100%;border:0;border-bottom:1px solid var(--border);background:none;display:flex;justify-content:space-between;text-align:left;padding:13px 4px;color:var(--text)}.day-date{font-size:12px;font-weight:700}.day-sub{font-size:9.5px;color:var(--muted);margin-top:2px}.day-right{display:flex;gap:8px;align-items:center}.day-detail{padding:10px 4px 16px;border-bottom:1px solid var(--border)}.detail-title{font-size:10px;color:var(--muted);font-weight:800;margin:14px 0 6px}.recon{margin-top:14px;background:var(--surface2);border-radius:15px;padding:12px}.difference{font-size:11.5px;font-weight:800}.difference.bad{color:var(--danger)}.difference.good{color:var(--success)}label{display:block;font-size:10px;font-weight:700;color:var(--muted);margin-bottom:5px}.field{margin-bottom:12px}input{width:100%;border:1px solid var(--border);background:var(--surface2);border-radius:13px;padding:11px 12px;color:var(--text);transition:.2s}input:focus{outline:3px solid rgba(101,116,205,.12);border-color:var(--primary);background:#fffdfb}.btn{min-height:44px;width:100%;border:0;border-radius:14px;padding:12px 16px;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:#fff;box-shadow:0 12px 25px -17px #4f5cadcc}.btn-primary:hover{box-shadow:0 16px 28px -17px #755b70e6}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:var(--surface2);color:var(--text)}.narrow{max-width:220px;margin:12px auto 0}.hint-center{text-align:center;color:var(--muted);font-size:10px}.empty{text-align:center;padding:30px 12px;color:var(--muted)}.empty-title{font-weight:800;margin-bottom:8px}.editable-price{display:flex;align-items:center;gap:9px;padding:11px 2px;border-bottom:1px solid var(--border)}.ep-nm{flex:1;font-size:12px;font-weight:700}.ep-input{width:105px}.ep-current{font-size:8.5px;color:var(--muted);font-weight:600;margin-top:3px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;background:#2b232861;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fadeIn .2s ease}.sheet{position:relative;width:100%;max-width:520px;margin:auto;background:#fffdfbf7;border:1px solid rgba(255,255,255,.9);border-radius:27px 27px 0 0;padding:12px 18px calc(23px + env(safe-area-inset-bottom));box-shadow:0 -25px 70px -25px #31262e73;animation:sheetUp .34s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:40px;height:4px;border-radius:3px;background:#ded6d1;margin:0 auto 16px}.sheet-close{position:absolute;right:14px;top:13px;border:1px solid var(--border);background:var(--surface2);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--muted)}.sheet-title{font:600 21px/1.2 Plus Jakarta Sans,serif}.sheet-price{color:var(--primaryDark);font-weight:700;font-size:12px;margin:4px 0 17px}.paybtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.paybtn{border:1px solid var(--border);background:var(--surface2);border-radius:14px;padding:14px;font-weight:700;color:var(--text)}.paybtn.selected{border-color:#9a7b9173;background:var(--primarySoft);color:var(--primaryDark);box-shadow:0 10px 24px -21px #755b70b3}.center-label{text-align:center}.qtyrow{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px}.qtybtn{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--surface2);display:grid;place-items:center;color:var(--text)}.qtybtn:hover{background:var(--primarySoft);color:var(--primaryDark)}.qtyval{font-size:23px;font-weight:700;min-width:32px;text-align:center}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1}.toast{position:fixed;left:50%;bottom:92px;z-index:60;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#302a30;color:#fff;padding:11px 15px;border-radius:14px;font-size:10.5px;font-weight:700;box-shadow:0 14px 35px -15px #1e181da6;max-width:90%;animation:toastIn .3s cubic-bezier(.2,.8,.2,1)}.toast.err{background:#8f5957}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:18px;background:#2b232866;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fadeIn .2s ease}.modal-card{position:relative;width:min(100%,390px);background:#fffdfbfa;border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 28px 75px -25px #271e2473;animation:modalIn .28s cubic-bezier(.2,.8,.2,1)}.modal-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface2);color:var(--muted);display:grid;place-items:center}.modal-close:disabled{opacity:.45}.modal-icon{width:44px;height:44px;border-radius:14px;background:var(--primarySoft);color:var(--primaryDark);display:grid;place-items:center;margin-bottom:13px}.modal-icon.danger{background:var(--dangerSoft);color:var(--danger)}.modal-title{font:600 21px/1.2 Plus Jakarta Sans,serif}.modal-message{font-size:10.5px;line-height:1.6;color:var(--muted);margin:6px 0 17px}.btn-danger{background:var(--danger);color:#fff}.danger-icon{color:var(--danger)!important}.save-icon{color:var(--primaryDark)!important;background:var(--primarySoft)!important}.login-shell{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px 14px;background:radial-gradient(circle at 15% 15%,rgba(169,155,196,.22),transparent 28%),radial-gradient(circle at 88% 18%,rgba(232,181,158,.23),transparent 25%),radial-gradient(circle at 50% 100%,rgba(155,185,200,.16),transparent 35%),linear-gradient(145deg,#f7f2f3,#f7f4ef 50%,#f2f4f4)}.login-shell:before,.login-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none;animation:float 9s ease-in-out infinite}.login-shell:before{width:240px;height:240px;left:-115px;top:16%;background:#a99bc41f;filter:blur(4px)}.login-shell:after{width:280px;height:280px;right:-145px;bottom:7%;background:#e8b59e1f;filter:blur(5px);animation-delay:-3s}.login-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.login-glow-one{width:170px;height:170px;right:7%;top:7%;background:#9bb9c81f}.login-glow-two{width:170px;height:170px;left:5%;bottom:5%;background:#e9d7b824}.login-screen{position:relative;z-index:1;width:min(100%,430px);min-height:min(760px,calc(100dvh - 36px));display:flex;flex-direction:column;padding:20px 18px 17px;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:#fffdfbb8;box-shadow:0 34px 90px -40px #4a394357;backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);animation:loginCardIn .7s cubic-bezier(.2,.8,.2,1)}.login-header{display:flex;align-items:center;gap:11px;padding:2px}.login-app-mark{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#8b96df,#6574cd);box-shadow:0 12px 25px -13px #755b70a6}.login-app-name{font-size:15px;font-weight:700;letter-spacing:-.2px}.login-app-caption{margin-top:2px;font-size:9.5px;color:var(--muted)}.login-secure{margin-left:auto;display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid #e5dce3;border-radius:999px;color:var(--primaryDark);background:#eee5ecb8;font-size:9px;font-weight:800}.login-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:26px 4px 12px}.login-welcome{margin-bottom:24px}.login-eyebrow{font-size:8.5px;letter-spacing:1.8px;font-weight:800;color:var(--primaryDark);margin-bottom:8px}.login-welcome h1{margin:0;font:600 clamp(29px,8vw,36px)/1.08 "Plus Jakarta Sans",serif;letter-spacing:-.8px;color:var(--text)}.login-welcome p{margin:10px 0 0;max-width:350px;color:var(--muted);font-size:11px;line-height:1.65}.login-form{display:flex;flex-direction:column}.login-input-label{display:flex;align-items:center;gap:6px;margin:0 2px 7px;color:var(--text);font-size:10px;font-weight:800}.login-input-wrap{padding:3px;border-radius:16px;background:#f4f0edcc;border:1px solid #e4dcd8;transition:.2s}.login-input-wrap:focus-within{background:#fffdfb;border-color:#bba7b6;box-shadow:0 0 0 4px #9a7b9117}.login-input-wrap.has-error{border-color:#e2b2ae;background:#fff8f7}.login-input-wrap input{display:block;width:100%;height:52px;border:0;outline:0;background:transparent;padding:0 14px;color:var(--text);font-size:13px;font-weight:700}.login-input-wrap input::placeholder{color:#aaa2a5;font-weight:500}.login-primary{width:100%;min-height:52px;margin-top:12px;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#7180d6,#5261b2);color:#fff;font-size:12px;font-weight:800;box-shadow:0 15px 28px -18px #755b70c7}.login-primary:hover{box-shadow:0 18px 34px -18px #755b70d9;transform:translateY(-1px)}.login-primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.login-primary-icon{width:29px;height:29px;border-radius:10px;background:#ffffff26;display:grid;place-items:center}.login-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:19px;color:var(--muted);font-size:9px;font-weight:600}.login-error{display:flex;align-items:center;gap:8px;margin:-7px 0 14px;padding:10px 12px;border:1px solid #f0d1ce;border-radius:13px;background:var(--dangerSoft);color:#9a6260;font-size:10px;font-weight:700;line-height:1.4;animation:shake .35s ease}.login-error-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.login-back{align-self:flex-start;display:flex;align-items:center;gap:5px;margin:0 0 20px;padding:7px 9px;border:1px solid var(--border);border-radius:10px;background:#f4f0edc7;color:var(--muted);font-size:9.5px;font-weight:800}.pin-welcome{margin-bottom:18px}.pin-welcome p strong{color:var(--text)}.pin-panel{margin-top:2px}.pin-dots{display:flex;justify-content:center;gap:11px;margin:2px 0 9px}.pin-dot{width:15px;height:15px;border:1.5px solid #cec5ca;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:7px;font-weight:800;transition:.16s}.pin-dot.filled{border-color:var(--primary);background:var(--primary);box-shadow:0 4px 11px -6px #755b70b3;animation:dotPop .16s ease}.pin-actions{display:flex;align-items:center;justify-content:center;gap:10px;min-height:24px}.pin-visibility{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--muted);padding:5px;font-size:9px;font-weight:700}.pin-count{font-size:8.5px;color:#a7a0a3;font-weight:800}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:320px;margin:15px auto 0}.pin-keypad button{height:54px;border:1px solid #e6dfdc;border-radius:16px;background:#fffdfbeb;color:var(--text);font-size:18px;font-weight:700;box-shadow:0 7px 17px -13px #3e323a66}.pin-keypad button:hover{background:var(--primarySoft);border-color:#ddd0da}.pin-keypad button:active{transform:scale(.94);background:#e9dfe8}.pin-keypad-empty{display:block}.pin-keypad .pin-delete{color:var(--muted);background:#f4f0ede6}.pin-keypad .pin-delete:disabled{opacity:.35}.pin-submit{max-width:320px;margin:13px auto 0}.pin-submit svg{margin-left:-3px}.login-footer{display:flex;justify-content:center;align-items:center;gap:7px;color:#a39b9f;font-size:8px;font-weight:700}.login-footer i{font-style:normal;color:#cbc3c7}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes softIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes dotPop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(8px,-14px,0)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (min-width:700px){.app-shell{box-shadow:0 0 60px #3e323a0f}.login-screen{min-height:720px;padding-left:24px;padding-right:24px}}@media (max-width:380px){.ep-input{width:78px}.editable-price{gap:5px}.icon-btn{width:30px;height:30px}.pin-keypad{gap:7px}.pin-keypad button{height:51px}}.brand-stack{min-width:0}.brand-caption{font-size:8.5px;color:var(--muted);margin-top:4px}.brand-flower{display:inline-block;color:#7784d2;margin-right:3px;animation:twinkle 3s ease-in-out infinite}.user-chip i{font-style:normal;opacity:.5}.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:800;color:var(--primaryDark);margin-bottom:6px}.section-badge{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:var(--lavenderSoft);color:var(--primaryDark);font-size:8.5px;font-weight:800;white-space:nowrap}.section-badge.muted{background:var(--surface2);color:var(--muted)}.hero-card{position:relative;overflow:hidden;border-radius:26px;padding:20px;color:#fff;min-height:202px;background:linear-gradient(135deg,#6876cf,#5362b5 52%,#7885d8);box-shadow:0 24px 50px -30px #5b44539e;animation:heroIn .55s cubic-bezier(.2,.8,.2,1)}.hero-orb{position:absolute;border-radius:50%;background:#ffffff1c;pointer-events:none}.hero-orb-a{width:180px;height:180px;right:-78px;top:-88px}.hero-orb-b{width:120px;height:120px;right:45px;bottom:-80px;background:#ffffff12}.hero-topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:1.5px;position:relative}.live-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;letter-spacing:.5px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#f2d4c6;box-shadow:0 0 0 4px #f2d4c61f;animation:pulse 1.8s infinite}.hero-label{margin-top:24px;font-size:9.5px;opacity:.72;position:relative}.hero-value{font:600 31px/1.1 Plus Jakarta Sans,serif;letter-spacing:-.5px;margin-top:4px;position:relative}.hero-bottom{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:21px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}.hero-bottom div{display:flex;flex-direction:column;gap:2px}.hero-bottom b{font-size:11px}.hero-bottom span{font-size:8px;opacity:.68}.menu-art{position:absolute;right:12px;top:9px;font:25px Plus Jakarta Sans,serif;opacity:.18;z-index:0}.menu-tap{position:relative;z-index:2;color:var(--muted);font-size:8px;font-weight:600;margin-top:8px}.menu-tone-0{background:linear-gradient(145deg,#fffdfb,#f5eef4)}.menu-tone-1{background:linear-gradient(145deg,#fffdfb,#faf0ea)}.menu-tone-2{background:linear-gradient(145deg,#fffdfb,#edf3f5)}.menu-tone-3{background:linear-gradient(145deg,#fffdfb,#f7f0e5)}.transaction-card{padding-top:17px}.tx-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--lavenderSoft);color:var(--primaryDark);display:grid;place-items:center}.tx-avatar.small{font-size:9px;font-weight:900}.tx-nm span{color:var(--muted);font-weight:600}.empty-soft{background:var(--surface2);border-radius:15px;line-height:1.6}.empty-soft svg{color:#b8adb4;margin-bottom:7px}.summary-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 19px;border-radius:21px;background:linear-gradient(135deg,#eee5ec,#f6eeeb);border:1px solid #e7dce4;box-shadow:var(--shadowSoft)}.summary-caption{display:flex;align-items:center;gap:6px;font-size:8.5px;color:var(--primaryDark);font-weight:800;text-transform:uppercase;letter-spacing:.7px}.summary-number{font:600 25px Plus Jakarta Sans,serif;margin-top:7px}.summary-note{font-size:9px;color:var(--muted);margin-top:3px}.summary-icon{width:47px;height:47px;border-radius:15px;background:#ffffff8c;color:var(--primaryDark);display:grid;place-items:center}.kpi-tile svg{position:relative;opacity:.75;margin-bottom:auto}.sales-bars{margin-top:12px}.bar-row{padding:10px 0}.bar-label{display:flex;justify-content:space-between;gap:10px;font-size:9.5px;margin-bottom:7px}.bar-label span{font-weight:700}.bar-label b{color:var(--muted)}.bar-track{height:7px;border-radius:999px;background:#f0ebe8;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6574cd,#9da7e8);animation:barIn .7s cubic-bezier(.2,.8,.2,1)}.day-row.open{background:var(--surface2);border-radius:13px;border-bottom-color:transparent}.day-calendar{width:38px;height:42px;flex:0 0 38px;border-radius:11px;background:var(--lavenderSoft);color:var(--primaryDark);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:9px}.day-calendar span{font-size:13px;font-weight:800;line-height:1}.day-calendar small{font-size:7px;margin-top:3px;font-weight:800;opacity:.7}.day-row{align-items:center}.day-copy{flex:1;min-width:0}.day-right{font-size:10px;color:var(--primaryDark)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:13px}.mini-stats span{padding:8px;border-radius:10px;background:var(--surface2);font-size:8px;color:var(--muted);text-align:center}.mini-stats b{display:block;color:var(--text);font-size:10px;margin-bottom:2px}.recon{background:linear-gradient(145deg,#f5f0ed,#f1edf1);border:1px solid var(--border)}.recon-caption{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8.5px}.recon-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.menu-management{background:#fffdfbe0;border:1px solid var(--border);border-radius:21px;overflow:hidden;box-shadow:var(--shadow)}.price-row{position:relative;display:flex;align-items:center;gap:8px;padding:13px 12px;border-bottom:1px solid var(--border)}.price-row:last-child{border-bottom:0}.price-art{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;font:17px Plus Jakarta Sans,serif}.tone-0 .price-art{background:var(--lavenderSoft);color:var(--primaryDark)}.tone-1 .price-art{background:var(--peachSoft);color:#a16f5b}.tone-2 .price-art{background:var(--blueSoft);color:#668a9a}.tone-3 .price-art{background:var(--creamSoft);color:#9a754b}.price-row .ep-nm{font-size:11px}.price-row .ep-current{font-size:8px}.add-menu-btn{margin-top:0}.hint-center{display:flex;justify-content:center;align-items:center;gap:5px}.checkout-sheet{padding-top:11px}.checkout-intro{display:flex;align-items:center;gap:11px;margin-bottom:12px}.checkout-icon{width:43px;height:43px;border-radius:14px;background:var(--lavenderSoft);color:var(--primaryDark);display:grid;place-items:center}.sheet-kicker{font-size:7.5px;letter-spacing:1.4px;color:var(--primaryDark);font-weight:800;margin-bottom:4px}.sheet-title{font-size:20px}.checkout-total{display:flex;justify-content:space-between;align-items:center;margin:4px 0 16px;padding:12px 13px;border-radius:14px;background:var(--surface2)}.checkout-total span{font-size:9px;color:var(--muted);font-weight:700}.checkout-total b{font-size:16px;color:var(--primaryDark)}.paybtn{display:flex;align-items:center;justify-content:center;gap:9px;text-align:left;min-height:66px}.paybtn svg{color:var(--primaryDark)}.paybtn span{display:flex;flex-direction:column;gap:2px}.paybtn small{font-size:8px;color:var(--muted);font-weight:600}.qty-unit{text-align:center;font-size:7.5px;color:var(--muted);font-weight:700;margin-top:-3px}.checkout-save{margin-top:1px}.checkout-cancel{display:block;margin:9px auto 0;border:0;background:none;color:var(--muted);font-size:9px;font-weight:700;padding:6px}.app-sparkle{position:fixed;right:max(12px,calc(50% - 246px));bottom:79px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#b9a5b2;background:#fffdfbcc;border:1px solid var(--border);z-index:25;opacity:.7}.nav-icon{height:22px;display:grid;place-items:center}.navbtn.active .nav-icon{background:var(--primarySoft);padding:5px 12px;border-radius:12px;height:28px;animation:navPop .28s ease}.navbtn.active{gap:2px}@keyframes heroIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes barIn{0%{width:0;opacity:.2}to{opacity:1}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes twinkle{0%,to{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(15deg) scale(1.12);opacity:1}}@keyframes navPop{0%{transform:scale(.85)}to{transform:scale(1)}}@media (max-width:380px){.hero-card{padding:17px;min-height:192px}.hero-value{font-size:27px}.hero-bottom{gap:6px}.hero-bottom b{font-size:10px}.menu-grid{gap:8px}.menu-card{min-height:105px;padding:13px}.price-row{gap:6px;padding:11px 9px}.price-art{width:30px;height:30px;flex-basis:30px}.price-row .ep-nm{font-size:10px}}.rekap-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sort-trigger{display:flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:11px;padding:8px 10px;font-size:9px;font-weight:800;white-space:nowrap}.period-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--border);background:var(--surface2);border-radius:15px;box-shadow:var(--shadowSoft)}.period-tabs button{border:0;background:transparent;color:var(--muted);border-radius:11px;padding:9px 5px;font-size:9.5px;font-weight:800}.period-tabs button.active{background:#fffdfb;color:var(--primaryDark);box-shadow:0 5px 13px -10px #3e323a66}.sort-menu{display:flex;gap:5px;justify-content:flex-end;margin-top:-8px;animation:softIn .2s ease}.sort-menu button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;padding:7px 9px;font-size:8.5px;font-weight:700}.sort-menu button.active{background:var(--primarySoft);color:var(--primaryDark)}.report-list{display:flex;flex-direction:column;gap:10px}.daily-card{padding:6px 12px}.period-card{padding:15px;border-radius:21px;background:#fffdfbe6;border:1px solid var(--border);box-shadow:var(--shadow);animation:softIn .38s both}.period-card-top{display:flex;align-items:center;gap:10px}.period-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;background:var(--lavenderSoft);color:var(--primaryDark)}.period-card.bulanan .period-icon{background:var(--peachSoft);color:#a16f5b}.period-copy{min-width:0;flex:1}.period-kicker{font-size:7px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.period-title{font:600 17px/1.2 Plus Jakarta Sans,serif;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.period-sub{font-size:8.5px;color:var(--muted);margin-top:3px}.period-total{font-size:11.5px;color:var(--primaryDark);font-weight:800;white-space:nowrap}.period-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.period-stats span{padding:8px 5px;text-align:center;border-radius:10px;background:var(--surface2);font-size:7.5px;color:var(--muted)}.period-stats b{display:block;color:var(--text);font-size:9.5px;margin-bottom:2px}.period-days{margin-top:9px;border-top:1px solid var(--border);padding-top:8px;display:flex;flex-direction:column}.period-day{display:flex;justify-content:space-between;padding:6px 2px;font-size:8.5px;color:var(--muted)}.period-day b{color:var(--text)}.period-day:nth-child(n+8){display:none}@media (max-width:380px){.period-title{font-size:15px}.period-total{font-size:10px}.sort-trigger{padding:7px 8px}}.owner-export-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e5dce3;border-radius:17px;background:linear-gradient(135deg,#f4edf3,#f8f1ed);box-shadow:var(--shadowSoft);animation:softIn .3s ease}.owner-export-copy{display:flex;align-items:center;gap:9px;min-width:0}.owner-export-copy>div:last-child{display:flex;flex-direction:column;gap:3px}.owner-export-copy b{font-size:10px}.owner-export-copy span{font-size:8px;color:var(--muted)}.owner-export-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#fff8f5;color:var(--primaryDark);display:grid;place-items:center}.owner-export-actions{display:flex;gap:6px}.owner-export-actions button{display:flex;align-items:center;gap:5px;border:1px solid #dfd5dc;border-radius:10px;background:#fffdfb;color:var(--primaryDark);padding:8px 9px;font-size:8px;font-weight:800}.owner-export-actions button:hover{background:var(--primarySoft);transform:translateY(-1px)}.owner-export-actions button:disabled{opacity:.55}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body{font-family:Manrope,system-ui,sans-serif}.section-title,.sheet-title,.modal-title,.period-title,.login-welcome h1,.login-app-name,.wordmark,.hero-value,.summary-number{font-family:Plus Jakarta Sans,system-ui,sans-serif}.section-title{font-weight:800;letter-spacing:-.45px}.wordmark{font-weight:800}.topbar{background:#f5f7fbdb}.bottomnav{background:#ffffffe6}.card,.period-card,.menu-card,.modal-card,.sheet{box-shadow:var(--shadow)}.hero-card{background:linear-gradient(135deg,#6876cf,#5362b5 55%,#7a86d7)}.login-shell{background:radial-gradient(circle at 10% 10%,rgba(137,148,221,.2),transparent 28%),radial-gradient(circle at 90% 20%,rgba(233,155,134,.18),transparent 25%),linear-gradient(145deg,#f5f7fb,#f7f5f8)}.login-primary{background:linear-gradient(135deg,#7180d6,#5261b2)}.login-app-mark{background:linear-gradient(145deg,#8994dd,#6574cd)}.login-screen{background:#ffffffc2}.menu-tone-0{background:linear-gradient(145deg,#fff,#f0f2ff)}.menu-tone-1{background:linear-gradient(145deg,#fff,#fff1ed)}.menu-tone-2{background:linear-gradient(145deg,#fff,#edf7fb)}.menu-tone-3{background:linear-gradient(145deg,#fff,#faf5e9)}.tone-0 .price-art{background:#edf0ff;color:#5261b2}.tone-1 .price-art{background:#fff0eb;color:#b56e5d}.tone-2 .price-art{background:#eaf5fb;color:#5d8eaa}.tone-3 .price-art{background:#f8f1e4;color:#9b7a42}.export-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px;border:1px solid var(--border);border-radius:18px;background:#ffffffd6;box-shadow:var(--shadowSoft)}.export-copy{min-width:0}.export-kicker{font-size:7px;letter-spacing:1.3px;color:var(--muted);font-weight:800}.export-title{font-size:10.5px;font-weight:800;margin-top:3px}.export-buttons{display:flex;gap:6px}.export-btn{display:flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:11px;background:var(--surface2);padding:8px 9px;color:var(--text);font-size:8.5px;font-weight:800}.export-btn.xls{background:var(--successSoft);color:#4e856a;border-color:#d9ebdf}.export-btn.pdf{background:var(--dangerSoft);color:#a65d5f;border-color:#f0d9da}.export-btn:disabled{opacity:.5}@media (max-width:380px){.export-toolbar{align-items:stretch;flex-direction:column}.export-buttons{width:100%}.export-btn{flex:1;justify-content:center}}