@layer components;body.login-page{min-height:100vh;padding:22px;background:#f3f3f3!important}body.login-page .login-visual{min-height:450px}body.login-page .visual-copy{margin-bottom:0}body.login-page .visual-copy h1{font-size:16px}body.login-page .visual-copy p{font-size:11px;line-height:1.55}body.login-page .login-form-wrap{width:min(100%,380px)}body.login-page .form-field label{color:#111;letter-spacing:0;text-transform:none;margin-bottom:4px;font-size:12px}@media (width<=720px){body.login-page .login-shell{grid-template-columns:1fr;min-height:auto}body.login-page .login-visual,body.login-page .visual-content{min-height:285px}body.login-page .login-panel{padding:34px 24px 48px}}:root{--ui-blue-950:#082846;--ui-blue-700:#1264a3;--ui-blue-600:#1677c8;--ui-blue-100:#e8f3fc;--ui-ink:#102a43;--ui-muted:#6c8296;--ui-line:#dbe8f2;--ui-surface:#fff;--ui-surface-soft:#f7fbff}body.login-page{background:linear-gradient(135deg,#082846eb,#1264a3c7),url(/images/bg_KasMart.png) 50%/cover no-repeat;min-height:100vh;padding:clamp(20px,4vw,56px);position:relative;overflow-x:hidden}.login-shell{z-index:1;border:1px solid #ffffff59;border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);width:min(100%,1080px);min-height:min(720px,100vh - 80px);position:relative;overflow:hidden;box-shadow:0 30px 80px #02122452}.visual-copy{max-width:440px;margin-bottom:8vh}.visual-copy h1{font-size:clamp(30px,4vw,48px);line-height:1.08}.visual-copy p{max-width:390px;font-size:14px}.login-heading h2{font-size:clamp(25px,3vw,32px)}.login-button{min-height:50px}@media (width<=720px){body.login-page{background:linear-gradient(160deg,#0d3556,#eef7ff 55%);padding:0}.login-shell{border:0;border-radius:0;grid-template-columns:1fr;min-height:100vh}.login-visual,.visual-content{min-height:285px}.visual-content{padding:26px 24px 32px}.visual-copy{margin-bottom:0}.visual-copy h1{font-size:28px}.login-panel{align-items:flex-start;padding:34px 24px 48px}}@keyframes kasmart-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes kasmart-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kasmart-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}body.dashboard-page,body.manager-page,body.owner-page{color:var(--ui-ink);background:radial-gradient(circle at 0 0,#3483fa29,#0000 25%),linear-gradient(#e9f3fb 0%,#dfeef8 100%)}body.dashboard-page .dashboard-sidebar{background:linear-gradient(170deg,#0b1e36 0%,#102a45 55%,#0d2540 100%)}body.dashboard-page .dashboard-main{max-width:1460px;padding:48px clamp(24px,5vw,76px) 64px}body.dashboard-page .dashboard-header{border-radius:18px;margin-bottom:32px}body.dashboard-page .dashboard-header-copy{max-width:720px}body.dashboard-page .dashboard-header h1{margin-top:2px}body.dashboard-page .summary-grid{align-items:stretch;margin-bottom:24px}body.dashboard-page .summary-card{min-height:132px}body.dashboard-page .summary-card,body.dashboard-page .panel{border-color:var(--ui-line);border-radius:16px;box-shadow:0 16px 34px #16456714}body.dashboard-page .summary-card:hover,body.dashboard-page .panel:hover{transform:translateY(-2px)}body.dashboard-page .transaction-panel{border-top:4px solid var(--ui-blue-600)}body.dashboard-page .dashboard-content-grid{align-items:stretch;gap:24px;margin-bottom:24px}body.dashboard-page .dashboard-content-grid>.panel{min-height:100%}body.dashboard-page .transaction-panel,body.dashboard-page .stock-panel{flex-direction:column;display:flex}body.dashboard-page .transaction-panel .quick-stats{margin-top:auto;padding-top:22px}body.dashboard-page .stock-panel .stock-list{margin-top:auto;padding-top:20px}body.dashboard-page .cashier-scanner,body.dashboard-page .checkout-form{border-color:var(--ui-line)}body.dashboard-page .scanner-input-wrap,body.dashboard-page .checkout-fields input,body.dashboard-page .checkout-fields select,body.dashboard-page .filter-row input{border-color:var(--ui-line);background:#f8fbff;border-radius:10px}body.dashboard-page .scanner-input-wrap:focus-within,body.dashboard-page .checkout-fields input:focus,body.dashboard-page .checkout-fields select:focus,body.dashboard-page .filter-row input:focus{border-color:var(--ui-blue-600);outline:0;box-shadow:0 0 0 4px #1677c81f}body.dashboard-page .quick-stats{flex-wrap:wrap;gap:12px}body.dashboard-page .quick-stats span{background:#f8fbff;border:1px solid #e5edf7;border-radius:10px;padding:10px 12px}.cashier-flow-preview{border-top:1px solid #e5edf7;gap:10px;margin-top:22px;padding-top:18px;display:grid}.cashier-flow-step{background:#f8fbff;border:1px solid #e5edf7;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;display:flex}.cashier-flow-step>span{width:32px;height:32px;color:var(--ui-blue-700);background:var(--ui-blue-100);border-radius:10px;flex:0 0 32px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.cashier-flow-step strong,.cashier-flow-step small{display:block}.cashier-flow-step strong{color:var(--ui-ink);font-size:.82rem}.cashier-flow-step small{color:var(--ui-muted);margin-top:3px;font-size:.72rem}body.dashboard-page .table-wrap{border-color:#e5edf7;border-radius:10px}body.dashboard-page .recent-panel{margin-bottom:24px}body.dashboard-page .recent-panel .panel-heading,body.dashboard-page .stock-panel .panel-heading,body.dashboard-page .transaction-panel .panel-heading{min-height:48px}body.dashboard-page .recent-panel table{min-width:680px}body.dashboard-page .recent-panel td,body.dashboard-page .recent-panel th{padding-top:14px;padding-bottom:14px}body.dashboard-page .table-wrap th{color:#315c8d;background:linear-gradient(#edf6ff 0%,#e4f1ff 100%)}body.dashboard-page .penjualan-tabs-nav{border:1px solid var(--ui-line);background:#ffffffe6;border-radius:14px;margin-bottom:24px;padding:8px;box-shadow:0 14px 28px #16456712}body.dashboard-page .penjualan-tab-btn{color:var(--ui-muted);border-radius:10px}body.dashboard-page .penjualan-tab-btn.is-active{background:linear-gradient(135deg,#1680ee 0%,#0f63c4 100%);box-shadow:0 10px 18px #1677c833;color:#fff!important}body.dashboard-page .penjualan-tab-btn.is-active span,body.dashboard-page .penjualan-tab-btn.is-active svg{color:#fff!important;stroke:#fff!important}body.dashboard-page .penjualan-tab-btn.is-active .tab-badge{color:#0f63c4!important;background:#fff!important}body.dashboard-page .manual-sale-panel{border-top:4px solid var(--ui-blue-600);padding:26px}body.dashboard-page .manual-sale-panel>.panel-heading{margin-bottom:4px}body.dashboard-page .manual-sale-form{background:linear-gradient(#f8fbff 0%,#f2f8fe 100%);margin-top:20px;padding:20px;box-shadow:inset 0 1px #ffffffd9}body.dashboard-page .manual-sale-fields{gap:14px}body.dashboard-page .manual-sale-fields .field-group input{min-height:46px;font-size:.86rem}body.dashboard-page .save-sale-line-button{min-height:46px;padding:0 20px}body.dashboard-page .sale-lines-panel{background:#fff;border:1px solid #e5edf7;border-radius:14px;margin-top:26px;padding:20px}body.dashboard-page .sale-lines-panel .panel-heading{margin-bottom:16px}body.dashboard-page .sale-lines-panel .table-wrap{box-shadow:none}body.dashboard-page .sale-lines-panel tbody td{padding-top:15px;padding-bottom:15px}body.dashboard-page .sale-total-row{border-top:1px solid #edf2f7;margin-top:4px;padding:18px 4px 0}body.dashboard-page .sale-total-row strong{font-size:1.45rem}body.dashboard-page .manual-checkout-form{background:#f8fbff;border:1px solid #e5edf7;border-radius:14px;margin-top:24px;padding:20px}body.dashboard-page .manual-checkout-form .checkout-fields{max-width:620px}body.dashboard-page .manual-checkout-form .change-message{margin-top:14px;font-weight:700}body.dashboard-page .manual-checkout-form .sale-actions{margin-top:16px}body.dashboard-page .manual-checkout-form .sale-actions .primary-action{min-height:44px}body.dashboard-page .manual-checkout-form .sale-actions .sale-action-button{width:auto;min-height:42px;margin-top:0;padding:0 18px;font-size:.82rem}body.dashboard-page .history-products{gap:5px}body.dashboard-page .history-products span{color:#425f78;background:#f1f7fd;border-radius:7px;padding:5px 8px;display:block}body.dashboard-page .stock-status,body.dashboard-page .table-status{border-radius:999px;padding:6px 10px}.kasmart-navigation-progress{z-index:9999;pointer-events:none;opacity:0;background:linear-gradient(90deg,#60a5fa,#1677c8,#60a5fa);width:0;height:3px;transition:width .18s,opacity .18s;position:fixed;top:0;left:0;box-shadow:0 0 12px #1677c8a6}.kasmart-navigation-progress.is-visible{opacity:1;width:82%}.dashboard-sidebar{border:1px solid #ffffff14}.dashboard-nav a[href$=\/kategori],.dashboard-shell>.dashboard-sidebar~.dashboard-sidebar,.dashboard-shell~.dashboard-shell{display:none}.dashboard-brand img{transition:transform .18s,filter .18s}.dashboard-brand:hover img{filter:drop-shadow(0 0 14px #60a5fa8c);transform:translateY(-1px)rotate(-3deg)}.dashboard-main{min-width:0}.dashboard-header,.panel,.summary-card{border-color:var(--ui-line)}.dashboard-header{background:linear-gradient(135deg,#f7fcfff0,#e5f2fbf0);box-shadow:0 16px 40px #112f4e14}.dashboard-header,.panel,.summary-card,.cashier-profile,.manager-action,.stock-mini-stat,.stock-entry-summary-card{transition:transform .18s,box-shadow .18s,border-color .18s}.dashboard-header:hover,.panel:hover{border-color:#c9dff2;box-shadow:0 20px 42px #1645671a}.panel,.summary-card{background:linear-gradient(#f8fcff 0%,#edf6fc 100%);box-shadow:0 16px 34px #16456714}body.owner-page .owner-insight-card,body.manager-page .stock-mini-stat,body.manager-page .stock-entry-summary-card{background:linear-gradient(145deg,#f4faff 0%,#e5f2fb 100%)}body.owner-page .owner-performance-panel,body.manager-page .manager-stock-panel,body.manager-page .activity-panel,body.manager-page .notice-panel{background:linear-gradient(145deg,#f7fcff 0%,#e8f4fb 100%)}.summary-card:hover,.manager-action:hover,.stock-mini-stat:hover,.stock-entry-summary-card:hover{border-color:#b9d7ef;transform:translateY(-2px);box-shadow:0 20px 38px #1645671f}body.owner-page .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}body.owner-page .summary-card{box-sizing:border-box;min-width:0;min-height:150px}body.owner-page .summary-card>div:last-child{min-width:0}body.owner-page .summary-card strong{white-space:nowrap;font-size:clamp(22px,2.2vw,30px)}body.owner-page .summary-card p,body.owner-page .summary-card small{white-space:normal}body.owner-page .owner-summary .summary-card small{min-height:30px;line-height:1.35;display:block}body.owner-page .owner-summary{gap:18px;margin-bottom:26px}body.owner-page .owner-summary .summary-card{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:14px;height:150px;display:grid}body.owner-page .owner-summary .summary-icon{flex:0 0 38px}body.owner-page .owner-summary .summary-card strong{letter-spacing:-.035em;max-width:100%;font-size:clamp(15px,1.45vw,19px)}body.owner-page .owner-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.owner-page .owner-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;display:grid}body.owner-page .owner-performance-panel{min-width:0}@media (width<=760px){body.owner-page .owner-performance-grid{grid-template-columns:1fr}}@media (width<=1100px){body.owner-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){body.owner-page .summary-grid{grid-template-columns:1fr}}body.login-page{background:linear-gradient(145deg,#e7f3fb 0%,#f8fcff 72%)!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:24px!important;display:flex!important}body.login-page .login-shell{background:#fff!important;border:1px solid #cfe2f0!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) minmax(380px,.86fr)!important;width:min(100%,1040px)!important;min-height:620px!important;overflow:hidden!important;box-shadow:0 24px 70px #0f466929!important}body.login-page .login-visual{background:linear-gradient(145deg,#0b2d4de6,#1264a3b8),url(/images/bg_KasMart.png) 50%/cover no-repeat!important;min-height:620px!important}body.login-page .visual-content{min-height:620px!important;padding:48px!important}body.login-page .brand-mark{color:#fff!important}body.login-page .visual-copy{max-width:430px!important;margin-bottom:0!important}body.login-page .visual-copy h1{color:#fff!important;max-width:420px!important;font-size:clamp(2rem,4vw,3.25rem)!important;line-height:1.08!important}body.login-page .visual-copy p{color:#d9effd!important;max-width:390px!important;font-size:.92rem!important;line-height:1.65!important}body.login-page .login-panel{background:#fff!important;align-items:center!important;padding:56px clamp(28px,5vw,64px)!important;display:flex!important}body.login-page .login-form-wrap{width:min(100%,380px)!important;margin:0 auto!important}body.login-page .login-heading h2{color:var(--ui-ink)!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;line-height:1.2!important}body.login-page .login-heading p{color:var(--ui-muted)!important;font-size:.86rem!important}body.login-page .form-field label{color:var(--ui-ink)!important;margin-bottom:7px!important;font-size:.78rem!important;font-weight:700!important}body.login-page .input-wrap{border:1px solid var(--ui-line)!important;height:48px!important;box-shadow:none!important;background:#f7fbfe!important;border-radius:10px!important}body.login-page .input-wrap:focus-within{border-color:var(--ui-blue-600)!important;box-shadow:0 0 0 3px #1677c821!important}body.login-page .input-wrap svg{color:var(--ui-blue-700)!important;stroke:currentColor!important}body.login-page .input-wrap input::placeholder{color:#91a6b7!important}body.login-page .remember-option{color:var(--ui-muted)!important;font-size:.78rem!important}body.login-page .remember-option input{width:16px!important;height:16px!important;accent-color:var(--ui-blue-600)!important}body.login-page .login-button{color:#fff!important;background:var(--ui-blue-600)!important;border:0!important;border-radius:10px!important;width:100%!important;height:48px!important;margin-top:10px!important;font-size:.88rem!important;box-shadow:0 10px 20px #1677c833!important}body.login-page .login-button:hover{background:var(--ui-blue-800)!important;filter:none!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px #1677c842!important}body.login-page .login-error{color:var(--ui-danger)!important;background:#fff5f5!important;border:1px solid #f2caca!important;border-radius:9px!important}body.landing-page{min-height:100vh;color:var(--ui-ink);background:#edf6fc}.landing-shell{min-height:100vh}.landing-hero{color:#fff;background:linear-gradient(100deg,#07253fe6 0%,#0b4a77c2 48%,#0b4a7747 100%),url(/images/bg_KasMart.png) 50%/cover no-repeat;min-height:68vh;position:relative;overflow:hidden}.landing-nav{z-index:1;justify-content:space-between;align-items:center;width:min(100%,1180px);margin:0 auto;padding:25px clamp(20px,4vw,56px);display:flex;position:relative}.landing-brand{color:#fff;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.landing-brand img{object-fit:contain;width:38px;height:38px}.landing-login-link{color:#fff;background:#ffffff1a;border:1px solid #ffffff73;border-radius:9px;padding:10px 18px;font-size:.8rem;font-weight:700;text-decoration:none}.landing-hero-content{z-index:1;width:min(100%,1180px);margin:0 auto;padding:clamp(72px,12vh,150px) clamp(20px,4vw,56px) 110px;position:relative}.landing-kicker{color:#86c9ee;letter-spacing:.14em;margin:0 0 16px;font-size:.68rem;font-weight:800}.landing-hero h1{color:#fff;letter-spacing:-.04em;max-width:680px;margin:0;font-size:clamp(2.5rem,6vw,5.4rem);line-height:1.02}.landing-hero h1 span{color:#9edbfa;display:block}.landing-description{color:#d8edf9;max-width:500px;margin:24px 0 30px;font-size:1rem;line-height:1.65}.landing-primary-action{color:#0b426c;background:#fff;border-radius:9px;align-items:center;gap:14px;min-height:48px;padding:0 19px;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #031f342e}.landing-primary-action span{color:var(--ui-blue-600);font-size:1.15rem}.landing-overview{width:min(100%,1180px);margin:0 auto;padding:54px clamp(20px,4vw,56px) 70px}.landing-overview-heading h2{color:var(--ui-ink);letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(1.5rem,3vw,2.2rem)}.landing-overview-description{max-width:560px;color:var(--ui-muted);margin:-12px 0 26px;font-size:.9rem;line-height:1.6}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.landing-feature{border:1px solid var(--ui-line);background:#ffffffb8;border-radius:13px;padding:22px;box-shadow:0 10px 24px #1746690f}.landing-feature-icon{width:34px;height:34px;color:var(--ui-blue-700);background:var(--ui-blue-100);border-radius:9px;place-items:center;margin-bottom:17px;font-weight:800;display:grid}.landing-feature h3{color:var(--ui-ink);margin:0 0 7px;font-size:.95rem}.landing-feature p{color:var(--ui-muted);margin:0;font-size:.8rem;line-height:1.55}.landing-workflow{border-top:1px solid var(--ui-line);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:34px;margin-top:58px;padding-top:42px;display:grid}.landing-workflow-heading h2{color:var(--ui-ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2.6vw,2rem)}.landing-steps{gap:11px;display:grid}.landing-step{border:1px solid var(--ui-line);background:#ffffffb3;border-radius:11px;align-items:flex-start;gap:15px;padding:16px 17px;display:flex}.landing-step>span{color:var(--ui-blue-600);letter-spacing:.08em;font-size:.72rem;font-weight:800}.landing-step h3{color:var(--ui-ink);margin:0 0 4px;font-size:.88rem}.landing-step p{color:var(--ui-muted);margin:0;font-size:.78rem;line-height:1.5}.landing-cta-band{color:#fff;background:linear-gradient(120deg,#0b2d4d,#1264a3);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-top:58px;padding:26px 28px;display:flex;box-shadow:0 16px 30px #16456721}.landing-cta-band .landing-kicker{color:#91d2f3;margin-bottom:8px}.landing-cta-band h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,2.5vw,1.7rem)}.landing-cta-band .landing-primary-action{flex:none}.landing-footer{border-top:1px solid var(--ui-line);width:min(100%,1180px);color:var(--ui-muted);justify-content:space-between;gap:24px;margin:0 auto;padding:22px clamp(20px,4vw,56px) 28px;font-size:.75rem;line-height:1.5;display:flex}.landing-footer>div{flex-direction:column;gap:3px;display:flex}.landing-footer strong{color:var(--ui-ink);font-size:.86rem}.landing-footer>div:last-child{text-align:right;align-items:flex-end}@media (width<=680px){.landing-hero{min-height:74vh}.landing-hero-content{padding-top:88px}.landing-feature-grid{grid-template-columns:1fr}.landing-workflow{grid-template-columns:1fr;gap:22px;margin-top:42px;padding-top:30px}.landing-cta-band{flex-direction:column;align-items:flex-start;margin-top:42px;padding:22px}.landing-footer{flex-direction:column;gap:14px}.landing-footer>div:last-child{text-align:left;align-items:flex-start}}body.login-page{background:#f3f3f3!important;min-height:100vh!important;padding:22px!important;display:flex!important}body.login-page .login-shell{border-radius:0!important;grid-template-columns:50% 50%!important;width:min(100%,760px)!important;min-height:450px!important;box-shadow:0 12px 35px #00000021!important}body.login-page .login-visual,body.login-page .visual-content{min-height:450px!important}body.login-page .login-visual{background:url(/images/bg_KasMart.png) 50%/cover no-repeat!important}body.login-page .visual-overlay{background:0 0!important}body.login-page .visual-content{padding:10px 7px 20px!important}body.login-page .visual-copy h1{color:#fff!important;text-shadow:0 2px 8px #000000b8!important;max-width:360px!important;font-size:16px!important;line-height:1.15!important}body.login-page .visual-copy p{color:#fff!important;text-shadow:0 1px 6px #000000c7!important;max-width:360px!important;font-size:11px!important;line-height:1.55!important}body.login-page .login-panel{padding:28px 32px!important}body.login-page .login-heading h2{font-size:18px!important}body.login-page .login-heading p{font-size:11px!important}body.login-page .login-form{gap:16px!important}body.login-page .form-field label{color:#111!important;margin-bottom:4px!important;font-size:12px!important}body.login-page .input-wrap{height:27px!important;box-shadow:none!important;background:#ddd!important;border:1px solid #555!important;border-radius:0!important}body.login-page .input-wrap svg{color:#111!important;stroke:#111!important;width:17px!important;height:17px!important;margin:0 8px!important}body.login-page .input-wrap input{color:#111!important;font-size:12px!important}body.login-page .remember-option{gap:7px!important;font-size:12px!important}body.login-page .remember-option input{accent-color:#ddd!important;width:20px!important;height:20px!important}body.login-page .login-button{height:43px!important;box-shadow:none!important;background:#103fe8!important;border:1px solid #111!important;border-radius:0!important;margin-top:16px!important;font-size:21px!important}body.login-page .login-button:hover{box-shadow:none!important;filter:brightness(1.05)!important;background:#103fe8!important;transform:none!important}@media (width<=720px){body.login-page .login-shell{grid-template-columns:1fr!important;min-height:auto!important}body.login-page .login-panel{padding:34px 24px 48px!important}body.login-page{align-items:flex-start!important;padding:0!important}body.login-page .login-shell{border:0!important;border-radius:0!important;grid-template-columns:1fr!important;width:100%!important;min-height:100vh!important}body.login-page .login-visual,body.login-page .visual-content{min-height:290px!important}body.login-page .visual-content{padding:30px 24px 36px!important}body.login-page .visual-copy h1{font-size:2rem!important}body.login-page .login-panel{align-items:flex-start!important;padding:34px 24px 48px!important}}body.manager-page .manager-summary{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}body.manager-page .manager-summary .summary-card{box-sizing:border-box;min-width:0;min-height:150px}body.manager-page .manager-summary .summary-card>div:last-child{min-width:0}body.manager-page .manager-summary .summary-card strong{white-space:nowrap;font-size:clamp(22px,2.2vw,30px)}body.manager-page .manager-summary .summary-card p,body.manager-page .manager-summary .summary-card small{white-space:nowrap}body.manager-page .manager-sales-summary{grid-template-columns:repeat(3,minmax(0,1fr))}body.manager-page .manager-sales-summary .summary-card{height:150px}body.manager-page .stock-mini-stat,body.manager-page .stock-entry-summary-card{box-sizing:border-box;min-height:150px}body.manager-page .dashboard-main{max-width:1440px;padding:36px clamp(22px,4vw,64px) 56px}body.manager-page .dashboard-header{border-radius:18px;margin-bottom:24px}body.manager-page .manager-summary{gap:18px;margin-bottom:26px}body.manager-page .manager-summary .summary-card,body.manager-page .manager-content-grid .panel,body.manager-page .manager-bottom-grid .panel{border-radius:16px}body.manager-page .manager-content-grid,body.manager-page .manager-bottom-grid{align-items:stretch;gap:22px}body.manager-page .manager-stock-panel,body.manager-page .activity-panel,body.manager-page .notice-panel{min-height:300px}body.manager-page .manager-stock-panel .stock-list,body.manager-page .activity-panel .timeline,body.manager-page .notice-panel{padding:4px 2px}body.manager-page .manager-stock-panel .stock-list li,body.manager-page .notice-item,body.manager-page .timeline>div{border-radius:12px}@media (width<=1050px){body.manager-page .manager-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){body.manager-page .manager-summary{grid-template-columns:1fr}}.panel-heading{border-bottom-color:#edf4fb}.panel h2,.dashboard-header h1,.summary-card strong,.table-wrap td strong{color:var(--ui-ink)}.eyebrow,.text-action,.table-action{color:var(--ui-blue-700)}.header-subtitle,.panel-description,.summary-card p,.summary-card small,.table-subtext{color:var(--ui-muted)}.primary-action,.login-button{background:linear-gradient(135deg,#1680ee 0%,#0f63c4 100%)}.primary-action,.secondary-action,.btn-edit,.btn-hapus,.btn-excel-report,.btn-print-report,.penjualan-tab-btn,.profile-action-link{transition:transform .18s,box-shadow .18s,background .18s,color .18s}.primary-action:hover,.secondary-action:hover,.btn-edit:hover,.btn-hapus:hover,.btn-excel-report:hover,.btn-print-report:hover,.profile-action-link:hover{transform:translateY(-1px)}.primary-action:hover,.login-button:hover{background:linear-gradient(135deg,#0f75e6 0%,#0d57ae 100%)}.secondary-action,.filter-row input,.sales-filter input,.form-fields input,.form-fields select,.manager-form input,.manager-form select,.manager-form textarea,.checkout-fields input,.checkout-fields select{border-color:var(--ui-line);background:var(--ui-surface-soft)}.secondary-action:focus,.filter-row input:focus,.sales-filter input:focus,.form-fields input:focus,.form-fields select:focus,.manager-form input:focus,.manager-form select:focus,.manager-form textarea:focus,.checkout-fields input:focus,.checkout-fields select:focus{border-color:var(--ui-blue-600);outline:0;box-shadow:0 0 0 4px #1677c81f}.table-wrap{border-color:#edf2f7}.table-wrap thead th,th{color:#315c8d;background:linear-gradient(#edf6ff 0%,#e4f1ff 100%)}.table-wrap tbody tr:hover td,table tbody tr:hover{background:#f8fbff}.table-wrap tbody tr:hover td{color:#294e70}.table-wrap td,.table-wrap th{vertical-align:middle}.status-pill,.table-status,.stock-status,.badge-status--active,.badge-status--inactive,.role-badge{white-space:nowrap}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.detail-grid>div{background:var(--ui-surface-soft);border:1px solid #e5edf7;border-left:3px solid #7db5e8;border-radius:12px;padding:16px}.detail-grid strong,.detail-grid p{display:block}.detail-grid strong{color:var(--ui-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.72rem}.detail-grid p{color:var(--ui-ink);font-size:.95rem;font-weight:700}.penjualan-tabs-nav{border-color:var(--ui-line)!important;box-shadow:0 10px 24px #1645670f!important}.penjualan-tab-btn.is-active{background:var(--ui-blue-600)!important}.dashboard-alert{animation:.3s both kasmart-fade-up}.product-modal:target{animation:.18s both kasmart-fade-in}.product-modal:target .product-modal__dialog{animation:.24s both kasmart-fade-up}.cart-row{animation:.22s both kasmart-fade-up}.profile-container{width:min(100%,980px)}.profile-card,.profile-info-grid,.profile-edit-card{border-color:var(--ui-line)!important;box-shadow:0 16px 34px #16456714!important}.profile-card{background:linear-gradient(#edf6ff 0%,#fff 62%)!important}.stock-table-panel,.history-panel,.product-list-card,.users-table-panel{overflow:hidden}.manual-sale-panel{max-width:1100px}.manual-sale-form{background:#f8fbff;border:1px solid #e5edf7;border-radius:14px;margin-top:20px;padding:18px}.manual-sale-fields{grid-template-columns:1.15fr 1.5fr 1fr .75fr 1.15fr auto;align-items:end;gap:12px;display:grid}.save-sale-line-button{white-space:nowrap;min-height:42px}.field-group{color:var(--ui-muted);gap:7px;font-size:.72rem;font-weight:700;display:grid}.field-group span{letter-spacing:.06em;text-transform:uppercase}.field-group input{border:1px solid var(--ui-line);width:100%;min-height:42px;color:var(--ui-ink);background:#fff;border-radius:10px;padding:0 12px}.field-group input:focus{border-color:var(--ui-blue-600);outline:0;box-shadow:0 0 0 4px #1677c81f}.field-group input[readonly]{background:#eef6fd}.manual-sale-form .scanner-message{min-height:18px;margin:10px 0 4px}.sale-lines-panel{margin-top:22px}.sale-lines-panel .panel-heading{margin-bottom:14px}.sale-lines-panel .table-wrap{margin-top:0}.sale-empty-row{color:var(--ui-muted);text-align:center!important}.sale-total-row{color:var(--ui-muted);justify-content:flex-end;align-items:center;gap:16px;padding:16px 4px 0;display:flex}.sale-total-row strong{color:var(--ui-blue-700);font-size:1.25rem}.manual-checkout-form{margin-top:22px}.sale-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.quantity-control{align-items:center;gap:8px;display:inline-flex}.quantity-control button{border:1px solid var(--ui-line);width:28px;height:28px;color:var(--ui-blue-700);cursor:pointer;background:#f1f7fd;border-radius:7px;padding:0;font-size:1rem;font-weight:700;line-height:1}.quantity-control button:hover{border-color:var(--ui-blue-600);background:var(--ui-blue-100)}.quantity-control span{text-align:center;min-width:18px;font-weight:700}@media (width<=700px){.detail-grid{grid-template-columns:1fr}.dashboard-header{background:#fffffff5}body.dashboard-page .dashboard-main{padding:28px 16px 42px}body.dashboard-page .dashboard-header{margin-bottom:22px}body.dashboard-page .summary-card{min-height:112px}body.dashboard-page .manual-sale-panel{padding:18px 14px}body.dashboard-page .manual-sale-form,body.dashboard-page .sale-lines-panel,body.dashboard-page .manual-checkout-form{padding:16px}.manual-sale-fields{grid-template-columns:1fr}.save-sale-line-button{width:100%}.sale-actions{flex-direction:column-reverse}.sale-actions button,body.dashboard-page .manual-checkout-form .sale-actions .sale-action-button{width:100%}.dashboard-sidebar{border-radius:0 0 20px 20px}.dashboard-nav{scrollbar-width:thin;scrollbar-color:#93c5fd73 transparent}.dashboard-nav .nav-item{min-height:42px}.owner-tools,.header-tools{gap:10px}.cashier-profile{max-width:100%}.table-wrap{margin-left:-2px;margin-right:-2px}}@media print{.dashboard-header,.dashboard-sidebar{box-shadow:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ui-blue-950:#0b2d4d;--ui-blue-800:#0d4f80;--ui-blue-700:#1264a3;--ui-blue-600:#1677c8;--ui-blue-100:#e7f3fc;--ui-blue-050:#f4faff;--ui-ink:#102a43;--ui-muted:#6c8296;--ui-line:#d6e5f1;--ui-surface:#fff;--ui-surface-soft:#f4f9fd;--ui-success:#16866a;--ui-warning:#b46a16;--ui-danger:#c04444}body.dashboard-page,body.manager-page,body.owner-page{background:linear-gradient(145deg,#edf6fc 0%,#e3f0f9 48%,#f7fbfe 100%);min-height:100vh}.dashboard-shell{min-height:100vh}.dashboard-sidebar{background:linear-gradient(#0b2d4d 0%,#0f426b 100%);border:0;box-shadow:12px 0 30px #09304f1f}.dashboard-brand{border-bottom:1px solid #ffffff1f;min-height:64px;padding:0 20px}.dashboard-brand span{color:#fff;letter-spacing:.01em}.dashboard-nav{gap:5px;padding:22px 12px}.dashboard-nav .nav-item{color:#cfe4f4;border-radius:10px;min-height:44px;padding:0 13px;font-size:.8rem;transition:background .16s,color .16s,transform .16s}.dashboard-nav .nav-item:hover{color:#fff;background:#ffffff1a;transform:translate(2px)}.dashboard-nav .nav-item.is-active{color:#0b426c;background:#fff;box-shadow:0 8px 18px #05203729}.dashboard-nav .nav-item svg{width:17px;height:17px}.sidebar-logout{color:#e4f1fb;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;min-height:42px;margin:12px}.sidebar-logout:hover{color:#0b426c;background:#fff}.dashboard-main{width:min(100%,1480px);margin:0 auto;padding:34px clamp(18px,3.5vw,56px) 54px}.dashboard-header{border:1px solid var(--ui-line);background:#ffffffb8;border-radius:14px;min-height:86px;margin-bottom:24px;padding:20px 24px;box-shadow:0 10px 26px #17466912}.header-subtitle{max-width:680px;line-height:1.55}.panel,.summary-card,.owner-insight-card,.profile-card,.profile-info-grid,.profile-edit-card{border:1px solid var(--ui-line);border-radius:14px;box-shadow:0 10px 26px #17466912}.panel-heading{border-bottom:1px solid #e5eff7;min-height:42px;margin-bottom:16px;padding-bottom:12px}.panel h2{letter-spacing:-.01em;font-size:1.08rem}.eyebrow{letter-spacing:.09em;font-size:.68rem}.summary-grid{gap:16px;margin-bottom:22px}.summary-card{min-height:136px;padding:20px}.summary-card strong{letter-spacing:-.025em;font-size:clamp(1.55rem,2.4vw,2rem)}.summary-card small,.owner-insight-card small{line-height:1.4}.summary-icon{border-radius:10px;width:38px;height:38px}.table-wrap{border:1px solid var(--ui-line);background:#ffffff94;border-radius:10px;overflow-x:auto}.table-wrap table{min-width:640px}.table-wrap th{color:#315c8d;letter-spacing:.04em;text-transform:uppercase;background:#eaf5fc;padding:11px 13px;font-size:.68rem}.table-wrap td{border-bottom-color:#e5eff7;padding:12px 13px;font-size:.8rem}.filter-row,.sales-filter{gap:10px;margin-bottom:16px}.filter-row input,.sales-filter input,.manager-form input,.manager-form select,.manager-form textarea,.field-group input,.checkout-fields input,.checkout-fields select{border:1px solid var(--ui-line);min-height:42px;color:var(--ui-ink);background:#fbfdff;border-radius:9px}.filter-row input:focus,.sales-filter input:focus,.manager-form input:focus,.manager-form select:focus,.manager-form textarea:focus,.field-group input:focus,.checkout-fields input:focus,.checkout-fields select:focus{border-color:var(--ui-blue-600);outline:0;box-shadow:0 0 0 3px #1677c821}.product-picker{width:100%;position:relative}.product-picker__input{width:100%}.product-picker__options{z-index:30;border:1px solid var(--ui-line);background:#fff;border-radius:9px;max-height:240px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #102e4829}.product-picker__options[hidden]{display:none}.product-picker__option{width:100%;color:var(--ui-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.product-picker__option:hover,.product-picker__option[aria-selected=true]{background:#eaf5fc}.product-picker__option small{color:var(--ui-muted);flex:none}.stock-level--expired{color:#b42318;background:#fee4e2}.primary-action,.secondary-action,.btn-edit,.btn-hapus,.text-action,.table-action,.profile-action-link{border-radius:8px;font-weight:700}.primary-action{background:var(--ui-blue-600);min-height:42px;padding:0 16px;box-shadow:0 6px 14px #1677c82e}.primary-action:hover{background:var(--ui-blue-800);box-shadow:0 8px 18px #1677c83d}.secondary-action{min-height:42px;color:var(--ui-blue-800);background:#eef7fd}.dashboard-alert{border:1px solid var(--ui-line);border-radius:10px;box-shadow:0 8px 18px #1746690f}.status-pill,.table-status,.stock-status,.role-badge{border-radius:999px}.owner-performance-grid,.manager-content-grid,.manager-bottom-grid,.owner-main-grid{margin-bottom:22px}body.login-page{background:linear-gradient(145deg,#e7f3fb 0%,#f8fcff 70%)}body.login-page .login-shell{border:1px solid var(--ui-line);border-radius:18px;box-shadow:0 22px 54px #17466924}body.login-page .login-panel{background:#fff}body.login-page input,body.login-page select{border:1px solid var(--ui-line);background:#f8fcff;border-radius:9px}@media (width<=900px){.dashboard-main{padding:26px 18px 42px}.dashboard-header,.panel{padding:18px}}@media (width<=620px){.dashboard-main{padding:18px 14px 34px}.dashboard-header{align-items:flex-start;padding:16px}.panel{border-radius:12px;padding:15px}.summary-card{min-height:116px;padding:16px}.summary-card strong{font-size:1.45rem}.owner-performance-grid,.manager-content-grid,.manager-bottom-grid,.owner-main-grid{gap:14px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-ml-px{margin-left:-1px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.w-5{width:calc(var(--spacing) * 5)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}}.rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}@media (hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}}:root{color:#111;background:#f3f3f3;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}.login-page{background:#f3f3f3;justify-content:center;align-items:center;min-height:100vh;padding:22px;display:flex}.login-shell{background:#fff;grid-template-columns:48% 52%;width:min(100%,920px);min-height:540px;display:grid;box-shadow:0 12px 35px #00000021}.login-visual{color:#fff;background:#07568d url(/images/bg_KasMart.png) 50%/cover no-repeat;align-items:stretch;min-height:540px;display:flex;position:relative;overflow:hidden}.visual-overlay{background:linear-gradient(#0017302e,#001025c7);position:absolute;inset:0}.visual-content{z-index:1;flex-direction:column;justify-content:space-between;width:100%;min-height:540px;padding:25px 24px 27px;display:flex;position:relative}.brand-mark{align-items:center;min-height:34px;font-size:21px;font-weight:700;display:flex}.brand-mark img{object-fit:contain;max-width:155px;max-height:42px;display:block}.visual-copy h1{margin:0 0 7px;font-size:18px;font-weight:700;line-height:1.2}.visual-copy p{margin:0;font-size:12px;line-height:1.55}.login-panel{background:#fff;justify-content:center;align-items:center;padding:42px 55px;display:flex}.login-heading h2{margin:0 0 7px;font-size:20px;line-height:1.25}.login-heading p{margin:0;font-size:12px}.login-form{flex-direction:column;gap:18px;display:flex}.login-error{color:#c5482d;margin:-22px 0 20px;font-size:12px}.form-field label{color:#526579;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.input-wrap{background:#fff;border:1px solid #dfe7ef;border-radius:12px;align-items:center;height:46px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffffe6}.input-wrap svg{fill:none;stroke:#53667d;stroke-width:1.6px;flex:0 0 16px;width:16px;height:16px;margin:0 10px}.input-wrap input{color:#111;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 12px 0 0;font-size:13px}.input-wrap:focus-within{border-color:#1d6fe8;box-shadow:0 0 0 4px #1d6fe81f}.remember-option{cursor:pointer;align-items:center;gap:7px;margin-top:-1px;font-size:12px;display:flex}.remember-option input{accent-color:#0648e8;width:15px;height:15px;margin:0}.login-button{color:#fff;cursor:pointer;background:linear-gradient(#0d6fe8 0%,#0b5cc2 100%);border:0;border-radius:12px;height:46px;margin-top:20px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 20px #0d6fe833}.login-button:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 12px 22px #0d6fe838}.dashboard-page{color:#17212b;background:radial-gradient(circle at 0 0,#3875e61f,#0000 22%),linear-gradient(#f4f8ff 0%,#f5f7fb 100%);min-height:100vh;font-family:Instrument Sans,Arial,sans-serif}.dashboard-shell{background:0 0;min-height:100vh;display:flex}.dashboard-sidebar{background:linear-gradient(170deg,#0d1b2e 0%,#112036 55%,#0f2744 100%);border-radius:24px;flex-direction:column;flex:0 0 260px;width:260px;height:calc(100vh - 32px);margin:16px 0 16px 16px;padding:28px 16px 20px;display:flex;position:sticky;top:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 48px #00000059,0 4px 8px #0003}.dashboard-sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f62e 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-60px}.dashboard-sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:160px;height:160px;position:absolute;bottom:60px;left:-40px}.dashboard-brand{align-items:center;gap:12px;padding:0 8px 32px;text-decoration:none;transition:opacity .2s;display:flex}.dashboard-brand:hover{opacity:.85}.dashboard-brand img{object-fit:contain;filter:drop-shadow(0 0 12px #3b82f680);flex-shrink:0;width:40px;height:40px}.dashboard-brand span{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#7eb3ff 100%);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.nav-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;margin:8px 0 4px;padding:0 12px;font-size:9px;font-weight:700}.dashboard-nav{flex-direction:column;gap:4px;display:flex}.nav-item,.sidebar-logout{color:#b4c8e6bf;cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .25s,background .25s,transform .2s;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f61f 0%,#3b82f608 100%);border-radius:14px;transition:opacity .25s;position:absolute;inset:0}.nav-item:hover{color:#e8f0fe;background:#ffffff0f;transform:translate(3px)}.nav-item:hover:before{opacity:1}.nav-item.is-active{color:#fff;background:#3b82f62e;font-weight:650;box-shadow:inset 0 0 0 1px #3b82f640}.nav-item.is-active:before{opacity:1}.nav-item.is-active:after{content:"";background:linear-gradient(#60a5fa,#818cf8);border-radius:0 4px 4px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0;box-shadow:0 0 10px #60a5fa99}.nav-item svg,.sidebar-logout svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 19px;width:19px;height:19px;transition:transform .25s,stroke .25s}.nav-item:hover svg{stroke:#93c5fd;transform:scale(1.1)}.nav-item.is-active svg{stroke:#60a5fa}.nav-item.is-active .nav-icon-wrap{background:#3b82f633;box-shadow:0 0 10px #3b82f64d}.sidebar-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;margin:10px 12px}.sidebar-logout{color:#fca5a5b3;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin-top:auto;font-size:13.5px;font-weight:500;transition:color .25s,background .25s,transform .2s}.sidebar-logout:hover{color:#fca5a5;background:#ef44441f;transform:translate(3px)}.sidebar-logout:hover svg{stroke:#fca5a5;transform:translate(3px)}.dashboard-sidebar form{margin-top:auto}.dashboard-sidebar form .sidebar-logout{border-radius:14px}.dashboard-main{width:min(100%,1280px);padding:42px 5vw 56px}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #7b95ad2e;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:24px 26px;display:flex;box-shadow:0 16px 40px #112f4e0f}.dashboard-header-copy{min-width:0}.eyebrow{color:#52708b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.dashboard-header h1,.panel h2{color:#17212b;margin:0;line-height:1.2}.dashboard-header h1{letter-spacing:-.04em;font-size:clamp(24px,2vw,32px)}.header-subtitle,.panel-description{color:#71808c;margin:8px 0 0;font-size:13px}.cashier-profile{background:#f6f9fce6;border:1px solid #94a4b540;border-radius:14px;align-items:center;gap:10px;min-width:170px;padding:8px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.cashier-profile:hover{transform:translateY(-1px);box-shadow:0 10px 20px #172e4514}.profile-avatar{color:#fff;background:linear-gradient(135deg,#f38d53 0%,#ef6f52 100%);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:700;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.cashier-profile strong,.cashier-profile small{display:block}.cashier-profile strong{font-size:12px}.cashier-profile small{color:#71808c;margin-top:4px;font-size:11px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px;display:grid}.summary-card,.panel{background:#ffffffeb;border:1px solid #e3e9ee;border-radius:18px;box-shadow:0 18px 35px #0f23360d}.summary-card{align-items:center;gap:15px;min-height:126px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.summary-card--blue{border-top:4px solid #3c7eea}.summary-card--mint{border-top:4px solid #35b68e}.summary-card--peach{border-top:4px solid #f0784b}.summary-icon{color:#2468d3;background:#eaf2ff;border-radius:7px;place-items:center;width:43px;height:43px;font-size:16px;font-weight:700;display:grid}.summary-card--mint .summary-icon{color:#208c6c;background:#e5f7f0}.summary-card--peach .summary-icon{color:#d55e35;background:#fff0e9}.summary-card p{color:#71808c;margin:0 0 7px;font-size:12px}.summary-card strong{font-size:19px;display:block}.summary-card small{color:#71808c;margin-top:7px;font-size:10px;display:block}.summary-card small b{color:#208c6c}.dashboard-content-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}.panel{padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel h2{font-size:18px}.status-dot{color:#208c6c;font-size:11px;font-weight:600}.status-dot:before{content:"";background:#35b68e;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.primary-action{color:#fff;background:linear-gradient(135deg,#2c6ae6 0%,#1b56c4 100%);border-radius:12px;align-items:center;gap:9px;margin-top:25px;padding:12px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 22px #275ac033}.primary-action:hover{background:linear-gradient(135deg,#225dcf 0%,#184bb3 100%);transform:translateY(-1px);box-shadow:0 14px 24px #275ac03d}.primary-action span{font-size:19px;font-weight:400;line-height:12px}.quick-stats{color:#71808c;gap:25px;margin-top:27px;font-size:11px;display:flex}.quick-stats strong{color:#17212b;margin-bottom:4px;font-size:14px;display:block}.text-action{color:#2468d3;font-size:11px;font-weight:600;text-decoration:none}.stock-list{gap:15px;margin:22px 0 0;padding:0;list-style:none;display:grid}.stock-list li{justify-content:space-between;align-items:center;gap:10px;display:flex}.stock-product{align-items:center;gap:10px;min-width:0;display:flex}.product-mark{border-radius:6px;place-items:center;width:31px;height:31px;font-size:13px;font-style:normal;font-weight:700;display:grid}.product-mark--orange{color:#c45e22;background:#fff0e4}.product-mark--green{color:#208c6c;background:#e5f7f0}.product-mark--yellow{color:#a88314;background:#fff7d9}.stock-product strong,.stock-product small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stock-product strong{font-size:12px}.stock-product small{color:#8b98a2;margin-top:3px;font-size:10px}.stock-level{white-space:nowrap;font-size:10px}.stock-level--low{color:#d55e35}.stock-level--medium{color:#a88314}.recent-panel{padding-bottom:10px;overflow:hidden}.table-wrap{margin-top:20px;overflow-x:auto}th{color:#8b98a2;text-transform:uppercase;padding:0 10px 12px;font-size:10px;font-weight:600}.table-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.table-action{color:#2468d3;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;text-decoration:none}.table-action--danger{color:#c5482d;margin-left:8px}.inline-form{display:inline}.btn-hapus{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef44441a;border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.btn-hapus:hover{color:#fff;background:#ef4444;transform:translateY(-1px);box-shadow:0 4px 10px #ef444440}.btn-hapus svg{flex-shrink:0;transition:transform .2s}.btn-hapus:hover svg{transform:scale(1.15)}.btn-edit{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#3b82f61a;border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-edit:hover{color:#fff;background:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 10px #3b82f640}.btn-edit svg{flex-shrink:0;transition:transform .2s}.btn-edit:hover svg{transform:rotate(-15deg)scale(1.1)}.product-edit-form{grid-template-columns:repeat(3,1fr);margin-top:22px}.product-edit-form .panel-heading{grid-column:1/-1}.product-edit-form .primary-action{grid-column:1/-1;width:fit-content}.user-crud-grid{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:22px;display:grid}.user-edit-form{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.user-edit-form .panel-heading,.user-edit-form .primary-action{grid-column:1/-1}.user-edit-form .primary-action{width:fit-content}.role-badge{border-radius:4px;padding:5px 8px;font-size:10px;font-weight:600}.role-badge--kasir{color:#2468d3;background:#eaf2ff}.role-badge--pengurus{color:#208c6c;background:#e5f7f0}.role-badge--pemilik{color:#7656ad;background:#f0ebfa}.owner-detail-panel{max-width:900px}.owner-placeholder-list{border-top:1px solid #edf0f3;gap:0;margin-top:24px;display:grid}.owner-placeholder-list div{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:15px;padding:16px 0;font-size:12px;display:flex}.owner-placeholder-list span{color:#8b98a2}.sales-page-panel{max-width:none}.sales-filter{align-items:flex-end;gap:12px;margin:22px 0 4px;display:flex}.sales-filter label{color:#71808c;gap:5px;font-size:10px;display:grid}.sales-filter input{color:#40515e;min-height:36px;font:inherit;border:1px solid #dce4ea;border-radius:4px;padding:0 9px;font-size:11px}.sales-filter .primary-action{font:inherit;cursor:pointer;border:0;margin:0;font-size:11px}.owner-report-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;display:grid}.owner-report-grid div{background:#f5f7fa;border-radius:6px;padding:16px}.owner-report-grid span,.owner-report-grid strong,.owner-report-grid small{display:block}.owner-report-grid span{color:#71808c;font-size:11px}.owner-report-grid strong{margin-top:8px;font-size:20px}.owner-report-grid small{color:#8b98a2;margin-top:4px;font-size:10px}.owner-insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 24px;display:grid}.owner-insight-card{background:linear-gradient(#ffffffe6,#f0f6ffe6);border:1px solid #87a0b229;border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 22px #112f4e0a}.owner-insight-card span,.owner-insight-card strong,.owner-insight-card small{display:block}.owner-insight-card span{color:#71808c;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.owner-insight-card strong{color:#17212b;margin-top:10px;font-size:26px;line-height:1.1}.owner-insight-card small{color:#8b98a2;margin-top:7px;font-size:10px}.owner-report-layout{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);align-items:start;gap:22px;display:grid}.owner-side-panel{padding:18px 18px 12px}.owner-insight-list{gap:16px;padding-top:8px;display:grid}.owner-insight-list div{background:#f5f8fc;border-radius:8px;padding:12px 10px}.owner-insight-list strong,.owner-insight-list span{display:block}.owner-insight-list strong{color:#40515e;font-size:11px}.owner-insight-list span{color:#17212b;margin-top:5px;font-size:12px;font-weight:600}.owner-mini-list{margin-top:22px}.owner-mini-list h3{color:#17212b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:12px}.owner-mini-item{border-bottom:1px solid #edf0f3;align-items:center;gap:10px;padding:8px 0;display:flex}.owner-mini-item:last-child{border-bottom:0}.mini-rank{color:#2468d3;background:#eaf2ff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid}.owner-mini-item>div:nth-child(2){flex:1;min-width:0}.owner-mini-item strong,.owner-mini-item small{display:block}.owner-mini-item strong{font-size:11px}.owner-mini-item small{color:#8b98a2;margin-top:3px;font-size:10px}.table-status{color:#208c6c;background:#e5f7f0;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:600}.user-management-layout{grid-template-columns:1fr;align-items:start;gap:22px;margin-bottom:22px;display:grid}.user-side-stack{gap:18px;display:grid}.user-add-form{padding:18px 18px 12px}.user-add-form .panel-heading{margin-bottom:18px}.form-fields{gap:12px;margin-bottom:16px;display:grid}.form-fields>div{gap:6px;display:grid}.form-fields label{color:#71808c;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.form-fields input,.form-fields select{color:#40515e;min-height:38px;font:inherit;background:#fbfcfd;border:1px solid #dce4ea;border-radius:4px;padding:0 10px;font-size:11px}.form-fields input:focus,.form-fields select:focus{border-color:#2468d3;outline:0;box-shadow:0 0 0 2px #eaf2ff}.users-table-panel{padding:18px 18px 12px}.user-edit-form{align-content:start;gap:12px;margin-bottom:22px;padding:18px 18px 12px;display:grid}.user-edit-form .panel-heading{grid-column:1/-1;margin-bottom:12px}.user-edit-form .form-fields{grid-column:1/-1}.user-edit-form .primary-action{grid-column:1/-1;width:fit-content}.owner-page{background:radial-gradient(circle at 0 0,#2680f71f,#0000 18%),linear-gradient(#f4f8ff 0%,#f5f7fb 100%)}.owner-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #7b95ad2e;border-radius:18px;margin-bottom:28px;padding:24px 26px;box-shadow:0 16px 40px #112f4e0f}.owner-tools{align-items:center;gap:14px;display:flex}.date-filter{color:#40515e;font:inherit;cursor:pointer;background:#f6f9fce6;border:1px solid #94a4b566;border-radius:12px;padding:10px 13px;font-size:11px}.date-filter span{color:#71808c;margin-left:12px;font-size:14px}.owner-avatar{background:linear-gradient(135deg,#2d79ed 0%,#1a5cc9 100%);box-shadow:0 0 0 5px #1677c81f}.summary-card--violet{border-top:4px solid #9075c6}.summary-card--violet .summary-icon{color:#7656ad;background:#f0ebfa}.owner-summary{grid-template-columns:repeat(4,1fr)}.owner-main-grid{grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:22px;display:grid}.chart-legend{color:#71808c;font-size:11px}.chart-legend i{background:#2468d3;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.chart-value{color:#17212b;margin-top:20px;font-size:22px;font-weight:700}.chart-value small{color:#8b98a2;font-size:10px;font-weight:400}.sales-chart{border-bottom:1px solid #e7edf1;justify-content:space-around;align-items:flex-end;gap:13px;height:180px;margin-top:18px;padding:0 7px 23px;display:flex;position:relative}.chart-line{border-top:1px dashed #e8edf1;position:absolute;left:0;right:0}.chart-line--one{top:25%}.chart-line--two{top:50%}.chart-line--three{top:75%}.chart-bar{z-index:1;background:linear-gradient(#cde1ff 0%,#8bb3ff 100%);border-radius:8px 8px 0 0;width:9%;min-height:12px;position:relative}.chart-bar.is-today{background:linear-gradient(#3b7af5 0%,#1f57bb 100%)}.chart-bar span{color:#8b98a2;font-size:10px;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.ranking-list{gap:18px;margin:24px 0 0;padding:0;list-style:none;display:grid}.ranking-list li{grid-template-columns:28px 1fr auto;align-items:center;gap:10px;display:grid}.rank-number{color:#a6b2bb;font-size:11px;font-weight:700}.ranking-list strong,.ranking-list small{display:block}.ranking-list strong{font-size:12px}.ranking-list small{color:#8b98a2;margin-top:4px;font-size:10px}.ranking-list b{color:#40515e;font-size:11px}.owner-bottom-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}.attention-row,.cashier-row{border-bottom:1px solid #edf0f3;align-items:center;gap:12px;min-height:58px;display:flex}.attention-row:last-child,.cashier-row:last-child{border-bottom:0}.attention-count{border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.attention-count--red{color:#c5482d;background:#fff0eb}.attention-count--yellow{color:#a88314;background:#fff7d9}.attention-row strong,.attention-row small,.cashier-row strong,.cashier-row small{display:block}.attention-row strong,.cashier-row strong{font-size:12px}.attention-row small,.cashier-row small{color:#8b98a2;margin-top:3px;font-size:10px}.attention-arrow{color:#a6b2bb;margin-left:auto;font-size:22px}.mini-avatar{color:#fff;background:linear-gradient(135deg,#f38d53 0%,#ef6f52 100%);border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.mini-avatar--blue{background:linear-gradient(135deg,#2fb68b 0%,#1d9d7a 100%)}.cashier-row b{color:#40515e;margin-left:auto;font-size:11px}.manager-avatar{background:#35a984}.manager-summary .summary-card--violet .summary-icon{color:#7656ad;background:#f0ebfa}.manager-action-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;display:grid}.manager-action{color:#17212b;background:#fff;border:1px solid #e3e9ee;border-left:4px solid #2468d3;border-radius:7px;align-items:center;gap:11px;min-height:76px;padding:14px 16px;text-decoration:none;display:flex}.manager-action:hover{border-color:#b8cde8}.manager-action--green{border-left-color:#35a984}.manager-action--orange{border-left-color:#f0784b}.action-symbol{color:#2468d3;background:#eaf2ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:19px;display:grid}.manager-action--green .action-symbol{color:#208c6c;background:#e5f7f0}.manager-action--orange .action-symbol{color:#d55e35;background:#fff0e9}.manager-action strong,.manager-action small{display:block}.manager-action strong{font-size:12px}.manager-action small{color:#8b98a2;margin-top:4px;font-size:10px}.manager-action b{color:#a6b2bb;margin-left:auto;font-size:21px;font-weight:400}.manager-bottom-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}.manager-form input,.manager-form select{color:#40515e;width:100%;min-height:38px;font:inherit;background:#fbfcfd;border:1px solid #dce4ea;border-radius:4px;padding:0 10px;font-size:11px}.manager-form input:focus,.manager-form select:focus{border-color:#2468d3;outline:0;box-shadow:0 0 0 2px #eaf2ff}.manager-form .date-field{color:#71808c;gap:6px;font-size:10px;display:grid}.manager-form .date-field input{width:100%}.manager-form .primary-action{width:100%;font:inherit;cursor:pointer;border:0;justify-content:center;margin-top:4px}.purchase-form{grid-template-columns:repeat(4,1fr)}.stock-mini-stat{border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:165px;padding:18px 18px 16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 22px #1140340d}.stock-mini-stat:hover{transform:translateY(-2px);box-shadow:0 12px 26px #11403414}.stock-mini-stat--green{background:#eaf5ec;border-color:#cfe6d3}.stock-mini-stat--peach{background:#f9ece8;border-color:#f3d2c4}.stock-mini-stat--salmon{background:#f7e9e5;border-color:#ecd0ca}.stock-mini-stat--amber{background:#f7efe7;border-color:#eadbbb}.stock-mini-stat--split{gap:20px}.stock-mini-stat__head{color:#3a6450;justify-content:flex-start;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.stock-mini-stat--peach .stock-mini-stat__head,.stock-mini-stat--salmon .stock-mini-stat__head{color:#8b4a39}.stock-mini-stat--amber .stock-mini-stat__head{color:#8f6b32}.stock-mini-stat__icon{border-radius:8px;place-items:center;width:30px;height:30px;font-size:20px;font-weight:800;display:grid}.stock-mini-stat--green .stock-mini-stat__icon{color:#2d6a4f;background:#337d571a}.stock-mini-stat--peach .stock-mini-stat__icon,.stock-mini-stat--salmon .stock-mini-stat__icon{color:#8b4a39;background:#b45c391f}.stock-mini-stat--amber .stock-mini-stat__icon{color:#8f6b32;background:#b8923e24}.stock-mini-stat__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stock-mini-stat__metric{background:#ffffff2e;border:1px solid #143c4b14;border-radius:10px;gap:10px;min-height:78px;padding:12px 14px 10px;display:grid}.stock-mini-stat__metric span{color:#5a6f7d;font-size:10px;line-height:1.3}.stock-mini-stat__metric strong{letter-spacing:-.05em;color:#1c3126;font-size:28px;line-height:1}.stock-mini-stat--peach .stock-mini-stat__metric span,.stock-mini-stat--salmon .stock-mini-stat__metric span,.stock-mini-stat--amber .stock-mini-stat__metric span{color:#7a4e46}.stock-mini-stat__value{letter-spacing:-.06em;color:#1c3126;margin-top:18px;font-size:46px;font-weight:800;line-height:1}.stock-mini-stat--peach .stock-mini-stat__value,.stock-mini-stat--salmon .stock-mini-stat__value{color:#6d342d}.stock-mini-stat--amber .stock-mini-stat__value{color:#785b1d}.stock-mini-stat__meta{color:#4d6958;margin-top:0;font-size:11px}.stock-mini-stat--peach .stock-mini-stat__meta,.stock-mini-stat--salmon .stock-mini-stat__meta{color:#8d5148}.stock-mini-stat--amber .stock-mini-stat__meta{color:#8f6b32}.dashboard-alert--success{color:#20765d;background:#e5f7f0}.dashboard-alert--error{color:#a9402a;background:#fff0eb}.supplier-row{border-bottom:1px solid #edf0f3;align-items:center;gap:10px;min-height:53px;display:flex}.supplier-row:last-child{border-bottom:0}.supplier-logo{color:#2468d3;background:#eaf2ff;border-radius:6px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.supplier-logo--blue{color:#208c6c;background:#e5f7f0}.supplier-logo--orange{color:#d55e35;background:#fff0e9}.supplier-row strong,.supplier-row small{display:block}.supplier-row strong{font-size:11px}.supplier-row small{color:#8b98a2;margin-top:3px;font-size:10px}.supplier-status{color:#a88314;margin-left:auto;font-size:10px}.supplier-status--done{color:#208c6c}.notification-badge{color:#c5482d;background:#fff0eb;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:600}@media (width<=700px){.login-page{align-items:stretch;padding:0}.login-shell{grid-template-columns:1fr;min-height:100vh}.login-visual{min-height:265px}.visual-content{min-height:265px;padding:20px}.visual-copy h1{font-size:16px}.login-panel{align-items:flex-start;padding:34px 24px 45px}.login-heading{margin-bottom:30px}.dashboard-shell{display:block}.dashboard-sidebar{width:100%;min-height:auto;padding:18px 14px}.dashboard-brand{padding:0 8px 18px}.dashboard-nav{display:flex;overflow-x:auto}.nav-item{flex:none;padding:0 11px}.nav-item span{font-size:11px}.sidebar-logout{display:none}.dashboard-main{padding:30px 18px 40px}.dashboard-header{margin-bottom:24px;display:block}.dashboard-header h1{font-size:24px}.cashier-profile{margin-top:20px}.summary-grid,.dashboard-content-grid{grid-template-columns:1fr}.summary-card{min-height:108px}.quick-stats{gap:16px}.panel{padding:20px 16px}.owner-tools{display:block}.date-filter{margin-bottom:16px}.owner-summary,.owner-main-grid,.owner-bottom-grid{grid-template-columns:1fr}.sales-chart-panel{min-width:0}.owner-insight-grid{grid-template-columns:1fr 1fr}.owner-report-layout,.manager-summary,.manager-action-grid,.manager-content-grid,.manager-bottom-grid,.manager-forms-grid,.user-crud-grid,.user-edit-form,.user-management-layout{grid-template-columns:1fr}.user-side-stack{order:1}.sales-filter{flex-direction:column;align-items:stretch}.sales-filter .primary-action{width:100%}.owner-report-grid{grid-template-columns:1fr 1fr}}:root{--kas-blue-950:#082846;--kas-blue-900:#0d3556;--kas-blue-700:#1264a3;--kas-blue-600:#1677c8;--kas-blue-100:#e8f3fc;--kas-ink:#102a43;--kas-muted:#6c8296;--kas-line:#dbe8f2}.login-page{background-color:#edf5fb;background-image:radial-gradient(circle at 10% 10%,#3996dd29,#0000 28%),radial-gradient(circle at 90% 90%,#1264a31a,#0000 30%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:32px}.login-shell{border:1px solid #fffc;border-radius:22px;width:min(100%,1040px);min-height:610px;overflow:hidden;box-shadow:0 24px 70px #08284629}.login-visual{background-color:var(--kas-blue-900);min-height:610px}.visual-overlay{background:linear-gradient(145deg,#0828462e,#082846db)}.visual-content{min-height:610px;padding:34px 32px 38px}.brand-mark{letter-spacing:-.02em;font-size:23px}.brand-mark img{max-width:170px;max-height:46px}.visual-copy{max-width:390px}.visual-copy h1{letter-spacing:-.025em;margin-bottom:12px;font-size:29px;line-height:1.12}.visual-copy p{color:#ffffffc7;max-width:355px;font-size:13px;line-height:1.7}.login-panel{padding:54px 68px}.login-form-wrap{width:min(100%,360px)}.login-heading{margin-bottom:34px}.login-heading h2{color:var(--kas-ink);letter-spacing:-.03em;font-size:28px}.login-heading p{color:var(--kas-muted);font-size:13px;line-height:1.6}.login-form{gap:19px}.form-field label{color:var(--kas-ink);margin-bottom:8px}.input-wrap{border-color:var(--kas-line);background:#f8fbfe;border-radius:11px;height:48px;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap svg{width:18px;height:18px;color:var(--kas-blue-600);margin:0 11px}.input-wrap input{color:var(--kas-ink);font-size:13px}.input-wrap input::placeholder{color:#9aafc0}.input-wrap:focus-within{border-color:var(--kas-blue-600);background:#fff;box-shadow:0 0 0 4px #1677c81f}.remember-option{color:var(--kas-muted)}.remember-option input{accent-color:var(--kas-blue-600)}.login-button{background:var(--kas-blue-600);border-radius:11px;height:48px;margin-top:18px;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 8px 18px #1677c833}.login-button:hover{background:var(--kas-blue-700);transform:translateY(-1px);box-shadow:0 10px 22px #1677c847}.manager-page{color:var(--kas-ink);background:radial-gradient(circle at 0 0,#3483fa24,#0000 22%),linear-gradient(#f3f8fc 0%,#eef5fb 100%)}.manager-sidebar{background:linear-gradient(170deg,#091a2e 0%,#0d2a47 55%,#0b2240 100%)}.owner-sidebar{background:linear-gradient(170deg,#0a1628 0%,#0f2645 55%,#0d2240 100%)}.dashboard-main{max-width:1460px;padding:48px clamp(24px,5vw,76px) 64px}.dashboard-header{align-items:center;margin-bottom:36px;display:flex}.manager-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #7b95ad2e;border-radius:18px;padding:24px 26px;box-shadow:0 16px 40px #112f4e0f}.dashboard-header h1{color:var(--kas-ink);letter-spacing:-.035em;font-size:clamp(28px,3vw,36px)}.eyebrow{color:var(--kas-blue-700);letter-spacing:.12em}.header-subtitle{color:var(--kas-muted);line-height:1.6}.header-tools{align-items:center;gap:14px;display:flex}.status-pill{color:#216b52;background:#35b68e1a;border:1px solid #2f8d6a2e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-pill i{background:#31a779;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #31a77926}.cashier-profile{color:inherit;text-decoration:none;transition:opacity .2s,transform .2s}.cashier-profile:hover{opacity:.82;transform:translateY(-1px)}.manager-avatar{background:linear-gradient(135deg,#2d79ed 0%,#1a5cc9 100%);box-shadow:0 0 0 5px #1677c81f}.summary-grid{gap:20px}.summary-card,.panel{border-color:var(--kas-line);border-radius:16px;box-shadow:0 18px 35px #0f23360d}.summary-card{min-height:136px;padding:24px;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 18px 35px #0f233614}.summary-card--blue{border-top-color:var(--kas-blue-600)}.summary-card--blue .summary-icon{color:var(--kas-blue-700);background:var(--kas-blue-100)}.summary-card strong{color:var(--kas-ink);letter-spacing:-.05em;font-size:30px}.summary-card p{margin-bottom:10px;font-size:12px;font-weight:600}.summary-card small{font-size:10px}.summary-card p,.summary-card small{color:var(--kas-muted)}.manager-action{border-color:var(--kas-line);border-radius:11px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 6px 18px #1645670a}.manager-action:hover{border-color:#9dc8e7;transform:translateY(-2px);box-shadow:0 10px 24px #1677c81a}.panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e5edf7;padding:22px 20px}.panel h2{color:var(--kas-ink);font-size:19px}.panel-heading{border-bottom:1px solid #edf4fb;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.panel-heading strong{color:var(--kas-muted);font-size:11px}.manager-form{align-content:start;gap:12px;display:grid}.manager-form h2{margin-bottom:2px;font-size:18px}.manager-form input,.manager-form select,.manager-form textarea{width:100%;min-height:44px;color:var(--kas-ink);font:inherit;background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #dfeaf7;border-radius:12px;padding:0 12px;font-size:12px;box-shadow:inset 0 1px #ffffffe6}.manager-form input::placeholder,.manager-form select::placeholder,.manager-form textarea::placeholder{color:#9aafc0}.manager-form input:focus,.manager-form select:focus,.manager-form textarea:focus{border-color:#1a74dd;outline:0;box-shadow:0 0 0 4px #1a74dd1f}.manager-form input[type=date],.manager-form select,.manager-form input[type=time],.field-group input[type=date],.field-group select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236d7c8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'%3E%3C/rect%3E%3Cpath d='M8 2v4M16 2v4M3 10h18'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:38px}.manager-form input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.field-group input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.manager-form--wide{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.manager-form--wide .primary-action{grid-column:1/-1;width:fit-content}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:16px;display:flex}.filter-row input{border:1px solid var(--kas-line);min-height:38px;color:var(--kas-ink);font:inherit;background:#fbfdff;border-radius:7px;padding:0 10px;font-size:11px}.secondary-action{color:#385a7f;min-height:38px;font:inherit;cursor:pointer;background:linear-gradient(#fff 0%,#f3f9ff 100%);border:1px solid #dbe9f7;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(#1680ee 0%,#0f63c4 100%);border:0;border-radius:12px;min-height:42px;padding:0 18px;font-size:12px;font-weight:700;box-shadow:0 10px 20px #1677c82e}.primary-action:hover{background:linear-gradient(#0f75e6 0%,#0d57ae 100%)}.table-wrap{border:1px solid #edf2f7;border-radius:10px;margin-top:18px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#8b98a2;letter-spacing:.08em;text-transform:uppercase;background:#f7fafd;padding:12px 14px;font-size:10px;font-weight:700}td{color:#71808c;white-space:nowrap;border-top:1px solid #edf2f7;padding:13px 14px;font-size:11px}td strong{color:#2a3742;font-size:11px}table tbody tr{transition:background .2s}table tbody tr:hover{background:#f7fbff}.table-action{color:#2468d3;font-weight:600}.table-status{color:#208c6c;background:#e5f7f0;border-radius:5px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.timeline{gap:18px;margin-top:22px;display:grid}.timeline>div,.notice-item{align-items:flex-start;gap:11px;display:flex}.timeline-dot{background:#2468d3;border-radius:50%;width:9px;height:9px;margin-top:3px;display:block}.timeline-dot--green{background:#35a984}.timeline-dot--orange{background:#f0784b}.timeline strong,.timeline small,.notice-item strong,.notice-item small{display:block}.timeline strong,.notice-item strong{font-size:12px}.timeline small,.notice-item small{color:#8b98a2;margin-top:3px;font-size:10px}.notice-item{margin-top:18px}.notice-icon{color:#d55e35;background:#fff0e9;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.notice-icon--blue{color:#2468d3;background:#eaf2ff}.dashboard-alert{border-radius:8px;margin:-5px 0 22px;padding:11px 14px;font-size:12px}.dashboard-alert--success{color:#20765d;background:#e5f7f0;border:1px solid #c2ebd8}.dashboard-alert--error{color:#a9402a;background:#fff0eb;border:1px solid #f7d6c7}.manager-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.stock-entry-summary-card{background:linear-gradient(#fdfefe 0%,#f5fbff 100%);border:1px solid #6aa9e8;border-radius:12px;gap:18px;min-height:170px;padding:18px 18px 16px;display:grid;box-shadow:0 8px 18px #1860aa0f}.stock-entry-summary-card--warning{background:linear-gradient(#fffdfb 0%,#fff7ef 100%);border-color:#d9a563}.stock-entry-summary-card--warning .stock-entry-summary-card__header,.stock-entry-summary-card--warning .stock-entry-summary-card__icon{color:#a7661a}.stock-entry-summary-card--warning .stock-entry-summary-card__icon{background:#b981371f}.stock-entry-summary-card__header{color:#0f5db7;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.stock-entry-summary-card__icon{color:#0b5ac0;background:#1878d21f;border-radius:8px;place-items:center;width:30px;height:30px;font-size:18px;font-weight:800;display:grid}.stock-entry-summary-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stock-entry-summary-card__stat{text-align:center;background:#fff3;border:1px solid #89b0da73;border-radius:10px;gap:8px;min-height:66px;padding:10px 12px 12px;display:grid}.stock-entry-summary-card__stat span{color:#5a6f7d;font-size:10px;line-height:1.3}.stock-entry-summary-card__stat strong{color:#1f2b36;letter-spacing:-.04em;font-size:28px;line-height:1}.stock-entry-summary-card__meta{color:#6b7f8f;text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:10px;display:grid}.manager-content-grid,.manager-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;display:grid}.manager-forms-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px;display:grid}.product-overview-grid{margin-bottom:22px}.product-summary-card{overflow:hidden}.product-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.mini-metric{background:#f8fbff;border:1px solid #edf2f7;border-radius:12px;padding:14px 16px}.mini-metric span,.mini-metric small{display:block}.mini-metric span{color:#71808c;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.mini-metric strong{color:var(--kas-ink);letter-spacing:-.05em;margin:10px 0 4px;font-size:28px;display:block}.mini-metric small{color:#8b98a2;font-size:10px}.product-manager-grid{width:100%;display:block}.product-form-card,.product-list-card{width:100%}.product-form-card{background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #e2edf9;gap:18px;display:grid}.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.field-group span{color:#576f87;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.field-group input,.field-group select{width:100%;min-height:42px;color:var(--kas-ink);font:inherit;background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #dfeaf7;border-radius:10px;padding:0 12px;font-size:12px}.full-width{grid-column:1/-1}.product-list-card{background:#fff;border:1px solid #e5edf5;margin-top:22px;overflow:hidden}.product-list-card .panel-heading{border-bottom:1px solid #edf3f8;padding-bottom:12px}.table-actions{align-items:center;gap:8px;display:inline-flex}.table-wrap table{border-collapse:separate;border-spacing:0}.table-wrap thead th{color:#315c8d;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#edf6ff 0%,#e4f1ff 100%);border-bottom:1px solid #dfeaf7;padding:13px 14px;font-size:10px;font-weight:800}.table-wrap tbody td{color:#425366;white-space:nowrap;background:#fff;border-bottom:1px solid #edf2f7;padding:15px 14px;font-size:11.5px;line-height:1.5}.table-wrap tbody tr:hover td{background:#f8fbff}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap td strong{color:#1e2a36;font-size:11.5px}.table-wrap .table-action{color:#1d62d0;letter-spacing:.01em;background:#edf4ff;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:4px 8px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.table-wrap .table-action:hover{background:#dfeeff;transform:translateY(-1px)}.table-wrap .table-action--danger{color:#b84d3d;font:inherit;cursor:pointer;background:#fff0ee;border:0;padding:4px 8px}.table-wrap .table-action--danger:hover{background:#ffe7e3}.product-modal{z-index:50;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.product-modal:target{display:flex}.product-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#101e2e75;position:absolute;inset:0}.product-modal__dialog{background:#fff;border:1px solid #dfeaf7;border-radius:18px;width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 26px 60px #112f4e2e}.product-modal__dialog--split{background:#fff;display:block;overflow:hidden}.product-modal__content{background:#fff}.product-modal__header{background:linear-gradient(#fff 0%,#f7fafe 100%);border-bottom:1px solid #edf3f8;justify-content:space-between;align-items:center;gap:16px;padding:18px 92px 18px 24px;display:flex;position:relative}.product-modal__header h2{color:var(--kas-ink);letter-spacing:-.02em;margin:4px 0 0;font-size:28px;line-height:1.2}.product-modal__close{color:#4d6982;background:#fff;border:1px solid #dfeaf7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:absolute;top:18px;right:20px;box-shadow:0 4px 10px #112f4e0f}.product-modal__close:hover{color:#325579;border-color:#cfe0ef}.product-edit-form{box-shadow:none;background:#fff;border:0;border-radius:0;gap:18px;margin:0;padding:18px 24px 8px;display:grid}.product-edit-form .product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-group{color:var(--kas-muted);gap:8px;font-size:10px;display:grid}.field-group.full-width{grid-column:1/-1}.field-group span{color:#6d7c8a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.field-group input,.field-group select{width:100%;min-height:42px;color:var(--kas-ink);font:inherit;background:#f9fbff;border:1px solid #dfe7ef;border-radius:8px;padding:0 12px;font-size:12px;box-shadow:inset 0 1px #fffc}.field-group input:focus,.field-group select:focus{background:#fff;border-color:#86aef3;outline:0;box-shadow:0 0 0 3px #568ff71f}.product-modal__action-panel{background:#fff;justify-content:flex-end;align-items:center;padding:10px 24px 22px;display:flex}.product-modal__submit{color:#fff;background:linear-gradient(#0b6ecf 0%,#0d5cb7 100%);border:0;border-radius:10px;justify-content:center;align-items:center;width:auto;min-height:46px;margin:0;padding:12px 26px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #156ec22e}.product-modal__submit:hover{background:linear-gradient(#0e78df 0%,#0b5ab0 100%)}.stock-mini-stat-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:22px;margin:0 0 28px;display:grid}.cashier-scanner{border-top:1px solid var(--kas-line);margin-top:28px;padding-top:22px}.cashier-scanner>label{color:var(--kas-ink);margin-bottom:9px;font-size:12px;font-weight:700;display:block}.scanner-input-wrap{border:1px solid var(--kas-line);background:#f8fbfe;border-radius:9px;align-items:center;min-height:44px;display:flex;overflow:hidden}.scanner-input-wrap svg{fill:none;width:18px;height:18px;stroke:var(--kas-blue-600);stroke-width:1.6px;flex:0 0 18px;margin:0 10px}.scanner-input-wrap input{min-width:0;height:42px;color:var(--kas-ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.scanner-input-wrap input::placeholder{color:#9aafc0}.scanner-input-wrap button{color:#fff;background:var(--kas-blue-600);font:inherit;cursor:pointer;border:0;align-self:stretch;padding:0 14px;font-size:11px;font-weight:700}.scanner-input-wrap button:hover{background:var(--kas-blue-700)}.scanner-message{min-height:16px;color:var(--kas-blue-700);margin:8px 0 0;font-size:11px}.cart-list{gap:8px;max-height:150px;margin-top:5px;display:grid;overflow-y:auto}.cart-empty{color:var(--kas-muted);margin:0;font-size:11px}.cart-row{border-bottom:1px solid #edf3f7;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.cart-row strong,.cart-row small{display:block}.cart-row strong{color:var(--kas-ink);font-size:11px}.cart-row small{color:var(--kas-muted);margin-top:3px;font-size:10px}.cart-row b{color:var(--kas-ink);white-space:nowrap;font-size:11px}.cart-total{color:var(--kas-muted);justify-content:space-between;gap:12px;margin-top:14px;font-size:11px;display:flex}.cart-total strong{color:var(--kas-blue-700);font-size:18px}.checkout-form{border-top:1px solid #edf3f7;margin-top:18px;padding-top:16px}.checkout-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkout-fields label{color:var(--kas-muted);gap:6px;font-size:10px;display:grid}.checkout-fields input,.checkout-fields select{border:1px solid var(--kas-line);width:100%;min-height:38px;color:var(--kas-ink);font:inherit;background:#fbfdff;border-radius:7px;padding:0 9px;font-size:11px}.change-message{color:var(--kas-blue-700);margin:11px 0 0;font-size:11px}.checkout-button{justify-content:center;width:100%;margin-top:12px}.checkout-button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.history-products{white-space:normal;gap:3px;min-width:150px;display:grid}.history-products span{color:#40515e;font-size:10px}.stock-summary{grid-template-columns:repeat(3,1fr)}.stock-table-panel{overflow:hidden}.table-subtext{color:var(--kas-muted);margin-top:4px;font-size:10px;display:block}.stock-status{border-radius:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.stock-status--ready{color:#208c6c;background:#e5f7f0}.stock-status--low{color:#a88314;background:#fff7d9}.stock-status--empty{color:#c5482d;background:#fff0eb}.receipt-page{color:#24313b;background:#eef4f8;place-items:center;min-height:100vh;padding:24px;display:grid}.receipt-layout{width:min(100%,420px)}.receipt-card{background:#fff;border:1px solid #e0e7ec;border-radius:10px;padding:28px 26px 24px;font-family:Courier New,Courier,monospace;box-shadow:0 8px 24px #1645671a}.receipt-header{text-align:center}.receipt-header h1{color:#1d2b36;letter-spacing:.16em;margin:0;font-size:20px}.receipt-header p{color:#425462;text-transform:uppercase;margin:7px 0 2px;font-size:12px;font-weight:700}.receipt-header small,.receipt-footer{color:#8a98a2;font-size:11px;line-height:1.5}.receipt-rule{border-top:1px dashed #d3dce2;margin:18px 0}.receipt-meta,.receipt-payment{gap:6px;margin:0;font-size:11px;display:grid}.receipt-meta div,.receipt-payment div{justify-content:space-between;gap:16px;display:flex}.receipt-meta dt,.receipt-meta dd,.receipt-payment dt,.receipt-payment dd{margin:0}.receipt-meta dd,.receipt-payment dd{text-align:right}.receipt-items{gap:13px;font-size:11px;display:grid}.receipt-item strong{color:#263944;margin-bottom:4px;display:block}.receipt-item div{color:#85939c;justify-content:space-between;gap:12px;display:flex}.receipt-item b{color:#667783;white-space:nowrap;font-weight:400}.receipt-total{font-weight:700}.receipt-total dt,.receipt-total dd{color:#263944;font-size:13px}.receipt-change dt,.receipt-change dd{color:#279e92;font-weight:700}.receipt-footer{text-align:center}.receipt-actions{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.receipt-actions .primary-action{cursor:pointer;border:0;margin:0}@media print{.receipt-page{background:#fff;padding:0}.receipt-card{box-shadow:none;border:0}.receipt-actions{display:none}}.dashboard-page{color:var(--kas-ink);background:#eef5fa}.dashboard-page .dashboard-sidebar{background:linear-gradient(170deg,#0b1e36 0%,#102a45 55%,#0d2540 100%)}.dashboard-page .dashboard-main{max-width:1460px;padding:48px clamp(24px,5vw,76px) 64px}.dashboard-page .dashboard-header{margin-bottom:36px}.dashboard-page .dashboard-header h1{color:var(--kas-ink);letter-spacing:-.035em;font-size:clamp(28px,3vw,36px)}.dashboard-page .eyebrow{color:var(--kas-blue-700);letter-spacing:.12em}.dashboard-page .header-subtitle{color:var(--kas-muted);line-height:1.6}.dashboard-page .cashier-profile{color:inherit;text-decoration:none;transition:opacity .2s,transform .2s}.dashboard-page .cashier-profile:hover{opacity:.82;transform:translateY(-1px)}.dashboard-page .profile-avatar{background:var(--kas-blue-600);box-shadow:0 0 0 5px var(--kas-blue-100)}.dashboard-page .summary-grid{gap:20px}.dashboard-page .summary-card,.dashboard-page .panel{border-color:var(--kas-line);border-radius:16px;box-shadow:0 14px 30px #16456714}.dashboard-page .summary-card{min-height:136px;padding:24px}.dashboard-page .summary-card--blue{border-top-color:var(--kas-blue-600)}.dashboard-page .summary-card--blue .summary-icon{color:var(--kas-blue-700);background:var(--kas-blue-100)}.dashboard-page .summary-card strong{color:var(--kas-ink);letter-spacing:-.05em;font-size:26px}.dashboard-page .summary-card p,.dashboard-page .summary-card small{color:var(--kas-muted)}.dashboard-page .primary-action{background:linear-gradient(135deg,#2f6fed 0%,#1e57c9 100%);border-radius:10px;box-shadow:0 10px 20px #1677c82e}.dashboard-page .primary-action:hover{background:linear-gradient(135deg,#255ed9 0%,#174eaf 100%)}.dashboard-page .text-action{color:var(--kas-blue-700)}.dashboard-page .manager-action{border-color:var(--kas-line);border-radius:11px;box-shadow:0 6px 18px #1645670a}.dashboard-page .manager-action:hover{border-color:#9dc8e7;box-shadow:0 10px 24px #1677c81a}.dashboard-page .transaction-panel{border-top:4px solid var(--kas-blue-600)}.transaction-page-panel{max-width:900px}.dashboard-page .table-wrap{border-radius:8px}.dashboard-page th{color:#7890a3}.dashboard-page .quick-stats strong{color:var(--kas-ink)}.dashboard-page .scanner-input-wrap{background:linear-gradient(#f9fbff 0%,#f4f8fe 100%);border:1px solid #8ea6bc73;border-radius:12px;box-shadow:inset 0 1px #ffffffe6}.dashboard-page .scanner-input-wrap button{border-radius:0 12px 12px 0}.dashboard-page .cart-row{border-bottom:1px solid #edf3f7;padding:10px 0}.dashboard-page .cart-row b{color:var(--kas-blue-700)}.dashboard-page .checkout-fields input,.dashboard-page .checkout-fields select{background:#f9fbff}.dashboard-page td{border-top-color:#edf3f7}@media (width<=700px){.dashboard-page .dashboard-sidebar{width:100%;box-shadow:none;flex-basis:auto}.dashboard-page .dashboard-main{padding:30px 18px 42px}.dashboard-page .dashboard-header h1{font-size:26px}.login-page{padding:0}.login-shell{border:0;border-radius:0}.login-visual,.visual-content{min-height:290px}.visual-content{padding:24px}.visual-copy h1{font-size:25px}.login-panel{padding:36px 24px 50px}.login-heading h2{font-size:25px}.manager-sidebar{box-shadow:none}.dashboard-main{padding:30px 18px 42px}.stock-summary{grid-template-columns:1fr}}.kasir-keluar-badge{color:#dc2626;vertical-align:middle;background-color:#fef2f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;gap:3px;margin-left:6px;padding:3px 8px;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.badge-status--active{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-status--inactive{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.btn-restore{color:#15803d;cursor:pointer;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.btn-restore:hover{color:#166534;background-color:#dcfce7}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}