: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}.login-visual{background-color:#0d3556;min-height:100%}.visual-content{min-height:100%;padding:clamp(28px,4vw,52px)}.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-panel{padding:clamp(32px,5vw,72px) clamp(26px,5vw,68px)}.login-form-wrap{width:min(100%,380px)}.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}.dashboard-header h1{letter-spacing:-.02em;font-size:clamp(1.45rem,2.2vw,2rem)}.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{padding:22px}.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 p{margin-bottom:7px;font-size:.75rem;font-weight:700}.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}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover td{background:#f0f8fe}.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}}