:root{--sans-blue:#003071;--sans-blue-2:#00245d;--sans-blue-3:#00183f;--sans-red:#e3132f;--sans-pink:#ffdce5;--page:#f4f7fb;--surface-soft:#f8fafd;--text:#071a3d;--muted:#76839a;--line:#e4eaf3;--shadow-sm:0 8px 24px rgba(0,24,63,0.06);--shadow-md:0 18px 46px rgba(0,24,63,0.1);--shadow-lg:0 30px 80px rgba(0,24,63,0.18);--radius:14px;--radius-sm:10px;--font-sans:"Segoe UI Variable","Inter","Plus Jakarta Sans","Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at 88% 6%,rgba(227,19,47,.08),transparent 26%),linear-gradient(180deg,#fbfcff 0,var(--page) 100%);font-size:14px;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:rgba(0,48,113,.55)!important;box-shadow:0 0 0 4px rgba(0,48,113,.1)}.pos-shell{grid-template-columns:232px minmax(0,1fr)}.login-shell,.pos-shell{min-height:100vh;display:grid}.login-shell{place-items:center;padding:24px;background-attachment:fixed}.login-panel{width:min(860px,100%);display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:0;gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:white;box-shadow:var(--shadow-lg)}.login-brand{padding:36px 36px 48px;display:grid;align-content:center;color:white}.login-brand img{width:170px;height:auto;margin-bottom:28px}.login-brand span{color:#ffb7c5;font-size:.75rem;font-weight:950;text-transform:uppercase}.login-brand h1{max-width:360px;margin:8px 0 12px;font-size:2.2rem;line-height:1.02}.login-brand p{max-width:420px;margin:0;color:rgba(255,255,255,.76);line-height:1.65}.login-form{padding:34px;display:grid;align-content:center;grid-gap:14px;gap:14px}.login-form label{display:grid;grid-gap:8px;gap:8px;color:#53617a;font-size:.82rem;font-weight:850}.login-form input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:#fbfcff;color:var(--text);outline:0}.login-form button{margin-top:6px}.login-form small{color:#7a879a;line-height:1.45}.login-error{padding:11px 12px;border:1px solid #ffd1da;border-radius:12px;background:#fff4f7;color:#c70f28;font-size:.82rem;font-weight:850}.sidebar{top:0;min-height:100vh;padding:18px 14px;display:flex;flex-direction:column;gap:18px;background:radial-gradient(circle at 72% 8%,rgba(227,19,47,.2),transparent 20%),radial-gradient(circle at 26% 13%,rgba(255,255,255,.11),transparent 22%),linear-gradient(180deg,#003071,#002a68 50%,#00183f);color:white;box-shadow:inset -1px 0 0 rgba(255,255,255,.12)}.brand-block{padding:12px 8px 16px;border-radius:16px;background:#003071;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 38px rgba(0,13,41,.22)}.brand-block img{width:150px;height:auto;display:block}.side-menu{display:grid;grid-gap:7px;gap:7px}.side-link{min-height:46px;display:flex;align-items:center;padding:0 12px;border:0;background:transparent;color:rgba(255,255,255,.76);text-align:left;font-weight:760;transition:background .16s ease,color .16s ease,transform .16s ease}.side-link:hover{background:rgba(255,255,255,.09);color:white}.side-link.active{background:rgba(255,255,255,.16);color:white;box-shadow:inset 3px 0 0 var(--sans-red),0 12px 28px rgba(0,15,48,.18)}.side-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1);color:white;font-size:.74rem}.shift-badge{margin-top:auto;display:grid;grid-gap:5px;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.13);background:rgba(0,24,63,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.shift-badge span{color:#ffb7c5;font-size:.68rem;font-weight:900;text-transform:uppercase}.shift-badge strong{color:white;font-size:.98rem}.shift-badge small{color:rgba(255,255,255,.7);line-height:1.4}.shift-badge button{min-height:36px;margin-top:8px;border:0;border-radius:10px;background:white;color:var(--sans-blue);font-weight:950}.main-area{min-width:0;padding:22px 26px 28px}.topbar{display:flex;flex-direction:row;align-items:center;gap:14px;margin-bottom:20px}.topbar .clock-block{flex-shrink:0}.topbar .search-bar{flex:1 1;min-width:0;max-width:580px}.topbar .top-actions{margin-left:auto;flex-shrink:0}.clock-block span,.clock-block strong{display:block}.clock-block span{margin-bottom:5px;color:#61708a;font-size:.75rem;font-weight:850}.clock-block strong{color:var(--sans-blue-3);font-size:1.45rem;font-weight:900;line-height:1}.search-bar{height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.92)}.search-symbol{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#edf3fb;color:var(--sans-blue);font-size:.68rem;font-weight:900}.search-bar input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-bar kbd{color:#8a96aa;font-size:.68rem;font-weight:850;white-space:nowrap}.top-actions{display:flex;gap:10px}.danger-action,.form-actions button,.primary-action,.shift-warning button,.top-actions button{min-height:42px;border:0;border-radius:12px;padding:0 16px;font-weight:900}.top-actions button{background:white;color:var(--sans-blue-3);box-shadow:var(--shadow-sm)}.primary-action,.shift-warning button,.top-actions .order-button{background:linear-gradient(180deg,var(--sans-blue),var(--sans-blue-2));color:white}.order-button{display:flex;align-items:center;gap:9px}.order-button span{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--sans-red);color:white;font-size:.7rem}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;grid-gap:22px;gap:22px;align-items:flex-start}.menu-section{min-width:0}.shift-warning{margin-bottom:16px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #ffd5dd;border-radius:var(--radius);background:#fff4f7}.shift-warning strong{color:var(--sans-blue-3)}.shift-warning span{color:#65738b}.category-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.category-chip{height:40px;border:1px solid var(--line);border-radius:999px;padding:0 16px;background:white;color:var(--sans-blue-3);box-shadow:var(--shadow-sm);font-weight:900;transition:background .16s ease,color .16s ease,transform .16s ease}.category-chip:hover{transform:translateY(-1px)}.category-chip.active{border-color:transparent;background:var(--sans-blue);color:white}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px}.product-card{position:relative;min-height:238px;display:grid;grid-template-rows:auto 1fr auto;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(0,48,113,.03),rgba(255,255,255,0) 48%),white;color:var(--text);text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.product-card:hover{transform:translateY(-3px);border-color:rgba(0,48,113,.24)}.product-tag{width:-moz-fit-content;width:fit-content;padding:5px 9px;border-radius:999px;background:#eef4fb;color:var(--sans-blue);font-size:.68rem;font-weight:950;text-transform:uppercase}.product-art{display:grid;place-items:center;min-height:118px}.product-art span{width:92px;height:92px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(180deg,#f8fbff,#edf3fb);color:var(--sans-blue);box-shadow:inset 0 0 0 1px white,0 18px 26px rgba(0,24,63,.12);font-size:1.6rem;font-weight:950}.product-art img{width:132px;height:112px;border-radius:22px;object-fit:cover;box-shadow:0 18px 28px rgba(0,24,63,.14)}.product-info h3{margin:0 34px 7px 0;color:var(--sans-blue-3);font-size:1rem;font-weight:950;line-height:1.22}.product-info p{margin:0;color:var(--sans-blue);font-weight:900}.add-button{position:absolute;right:14px;bottom:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--sans-red);color:white;box-shadow:0 10px 20px rgba(227,19,47,.26);font-size:1.05rem;font-weight:950}.order-panel{position:-webkit-sticky;position:sticky;top:22px;padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.94)}.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.order-head h2{margin:0 0 5px;color:var(--sans-blue-3);font-size:1.15rem}.order-head span{color:var(--muted);font-size:.74rem;font-weight:900}.order-head button{min-height:32px;border:0;border-radius:10px;padding:0 10px;background:#eef3fb;color:var(--sans-blue);font-size:.7rem;font-weight:900}.order-list{display:grid;max-height:318px;overflow:auto}.order-item{position:relative;min-height:82px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-gap:11px;gap:11px;align-items:center;padding:13px 22px 13px 0;border-bottom:1px solid var(--line)}.mini-art{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#eef4fb;color:var(--sans-blue);font-size:.75rem;font-weight:950}.mini-art img{width:100%;height:100%;object-fit:cover}.order-copy{min-width:0}.order-copy small,.order-copy span,.order-copy strong,.order-price strong{display:block}.order-copy strong{overflow:hidden;color:var(--sans-blue-3);text-overflow:ellipsis;white-space:nowrap}.order-copy span{margin-top:5px;color:var(--muted);font-size:.75rem;font-weight:850}.order-copy small{margin-top:4px;color:#8a96aa;font-size:.68rem;font-weight:760}.order-price{display:grid;justify-items:end;grid-gap:8px;gap:8px}.order-price strong{font-size:.8rem}.qty-pill{height:30px;display:grid;grid-template-columns:30px 28px 30px;align-items:center;border:1px solid var(--line);border-radius:999px;background:white}.qty-pill button{height:28px;border:0;background:transparent;color:var(--sans-red);font-weight:950}.qty-pill span{text-align:center;font-size:.75rem;font-weight:950}.remove-item{position:absolute;top:12px;right:0;border:0;background:transparent;color:#9aa5b7;font-weight:900}.empty-order{padding:34px 0;display:grid;grid-gap:7px;gap:7px;color:var(--muted);text-align:center}.empty-order strong{color:var(--sans-blue-3)}.checkout-form{display:grid;grid-gap:11px;gap:11px;padding-top:14px}.checkout-form input,.checkout-form select,.checkout-form textarea,.close-shift-row input,.custom-modal-card input,.custom-modal-card textarea,.discount-modal-card input,.payment-modal-card input,.product-form input,.product-form select,.product-form textarea,.shift-modal-card input{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fbfcff;color:var(--text);outline:0}.checkout-form input,.checkout-form select,.close-shift-row input,.custom-modal-card input,.discount-modal-card input,.payment-modal-card input,.product-form input,.product-form select,.shift-modal-card input{min-height:44px;padding:0 13px}.checkout-form textarea,.custom-modal-card textarea,.product-form textarea{resize:vertical;padding:12px 13px}.customer-box{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.customer-box button,.discount-row{min-height:44px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--sans-blue);font-weight:900}.member-status{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:800}.member-status span+span{color:var(--muted);font-weight:500}.member-status-ok{color:#16a34a}.member-status-ok span:nth-child(n+3){display:none}.member-status-missing{color:var(--sans-red)}.promo-pick-list{display:grid;grid-gap:8px;gap:8px}.promo-pick{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--text);text-align:left}.promo-pick strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo-pick span{color:var(--sans-red);font-weight:900;white-space:nowrap}.promo-pick.active{border-color:rgba(0,48,113,.5);background:#f1f6ff;box-shadow:0 0 0 3px rgba(0,48,113,.08)}.promo-modal-card{max-width:620px}.promo-admin-form{display:grid;grid-gap:12px;gap:12px;margin-bottom:14px}.promo-admin-form label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:.78rem;font-weight:800}.promo-admin-form input,.promo-admin-form select{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--surface-soft);color:var(--text)}.promo-admin-item>span{display:grid;grid-gap:3px;gap:3px;min-width:0}.promo-admin-item small{color:var(--muted);font-size:12px;font-weight:600}.discount-row{display:flex;align-items:center;justify-content:space-between;padding:0 14px;text-align:left}.discount-row strong{color:var(--sans-red)}.form-row{grid-template-columns:minmax(0,1fr) 78px}.form-row,.total-box{display:grid;grid-gap:10px;gap:10px}.total-box{padding:14px;border-radius:16px;background:linear-gradient(180deg,#fff4f7,#fff8fa)}.total-box div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#546278;font-size:.8rem}.total-box strong{color:var(--sans-blue-3)}.total-box .grand-total{margin-top:4px;padding-top:12px;border-top:1px solid #ffd1da;color:var(--sans-red);font-size:1rem;font-weight:950}.total-box .grand-total strong{color:var(--sans-red);font-size:1.22rem}.pay-button{min-height:54px;border:0;border-radius:14px;background:linear-gradient(180deg,var(--sans-red),#c70f28);color:white;box-shadow:0 16px 30px rgba(227,19,47,.24);font-size:1rem;font-weight:950}.module-panel{min-height:calc(100vh - 116px)}.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.module-card h1,.module-toolbar h1{margin:5px 0 0;color:var(--sans-blue-3);font-size:1.85rem;line-height:1.05}.module-kicker{color:var(--sans-red);font-size:.72rem;font-weight:950;text-transform:uppercase}.module-card,.product-form,.shift-card,.table-card{border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow-md)}.product-form{display:grid;grid-gap:14px;gap:14px;margin-bottom:18px;padding:20px}.product-form label,.shift-modal-card label{display:grid;grid-gap:8px;gap:8px;color:#53617a;font-size:.82rem;font-weight:850}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.check-row{align-content:end;grid-template-columns:auto 1fr;align-items:center}.check-row input{width:18px;min-height:18px}.image-preview{width:140px;height:112px;border:1px solid var(--line);border-radius:18px;object-fit:cover}.form-actions{display:flex;gap:10px}.form-actions button:not(.primary-action){background:#eef3fb;color:var(--sans-blue)}.management-grid{display:grid;grid-gap:12px;gap:12px}.manage-card{display:grid;grid-template-columns:92px minmax(0,1fr) 156px;grid-gap:14px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow-sm)}.manage-image{width:92px;height:82px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#eef4fb;color:var(--sans-blue);font-weight:950}.manage-image img{width:100%;height:100%;object-fit:cover}.manage-card p,.manage-card span,.manage-card strong{display:block}.manage-card strong{color:var(--sans-blue-3);font-size:1rem}.manage-card p,.manage-card span{color:#65738a;font-size:.82rem}.manage-card p{margin:6px 0 0}.manage-meta{display:grid;justify-items:end;grid-gap:7px;gap:7px}.manage-meta button{min-height:34px;border:0;border-radius:999px;padding:0 12px;background:#eef4fb;color:var(--sans-blue);font-weight:900}.module-card{padding:28px}.module-card p{max-width:680px;margin:12px 0 0;color:#59677f;line-height:1.65}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.module-grid article{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.module-grid span{display:block;color:var(--muted);font-size:.75rem;font-weight:850}.module-grid strong{display:block;margin-top:8px;color:var(--sans-blue);font-size:1.18rem;font-weight:950}.table-card{overflow:auto;padding:16px}.table-card h2{margin:0 0 14px;color:var(--sans-blue-3)}.table-card table{width:100%;min-width:780px;border-collapse:collapse}.table-card td,.table-card th{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-card th{color:#65738a;font-size:.72rem;font-weight:950;text-transform:uppercase}.table-card td{color:var(--sans-blue-3);font-size:.86rem;font-weight:760}.table-card small{display:block;margin-top:4px;color:var(--muted);font-weight:650}.shift-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:18px;gap:18px}.shift-card{padding:20px}.shift-card>span{color:var(--sans-red);font-size:.76rem;font-weight:950;text-transform:uppercase}.product-form h2,.shift-card h2{margin:8px 0 4px;color:var(--sans-blue-3)}.shift-card p{margin:0 0 16px;color:var(--muted)}.close-shift-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;margin-top:16px}.danger-action{background:linear-gradient(180deg,var(--sans-red),#c70f28);color:white}.shift-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(0,24,63,.54);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.shift-modal-card{width:min(430px,100%);grid-gap:14px;gap:14px}.custom-modal-card,.discount-modal-card,.payment-modal-card,.shift-modal-card{position:relative;display:grid;padding:24px;border-radius:24px;background:white;box-shadow:var(--shadow-lg)}.custom-modal-card,.discount-modal-card,.payment-modal-card{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;grid-gap:18px;gap:18px}.discount-modal-card{width:min(460px,100%)}.payment-modal-card{width:min(520px,100%)}.custom-head{display:flex;align-items:center;gap:14px;padding-right:34px}.custom-head h2,.discount-modal-card h2,.payment-modal-card h2{margin:0;color:var(--sans-blue-3)}.custom-head span{display:block;margin-top:4px;color:#6e7d94;font-size:.82rem;font-weight:760}.option-group{display:grid;grid-gap:10px;gap:10px}.note-field,.option-group>span{color:#6f90bd;font-size:.76rem;font-weight:950;text-transform:uppercase}.note-field{display:grid;grid-gap:8px;gap:8px}.option-grid{display:grid;grid-gap:10px;gap:10px}.option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.option-tile{min-height:52px;display:grid;place-items:center;grid-gap:4px;gap:4px;border:1px solid #cfe0f8;border-radius:12px;background:#fff;color:var(--sans-blue-3);font-weight:850}.option-tile em,.option-tile small,.option-tile strong{display:block}.option-tile em,.option-tile small{color:#6f90bd;font-size:.72rem;font-style:normal}.option-tile.active{border-color:var(--sans-red);background:#fff3f6;box-shadow:0 0 0 3px rgba(227,19,47,.08)}.custom-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;border-top:1px solid var(--line)}.qty-pill.large{width:132px;height:42px;grid-template-columns:42px 48px 42px}.qty-pill.large button{height:40px}.custom-total{display:grid;justify-items:end;grid-gap:3px;gap:3px}.custom-total span,.payment-customer span,.payment-total span{color:#7d8da3;font-size:.72rem;font-weight:950;text-transform:uppercase}.custom-total strong,.payment-total strong{color:var(--sans-red);font-size:1.45rem;font-weight:950}.quick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.quick-row button{min-height:38px;border:1px solid #cfe0f8;border-radius:10px;background:white;color:var(--sans-blue);font-weight:850}.payment-total{display:grid;place-items:center;grid-gap:8px;gap:8px;padding:22px;border-radius:16px;background:linear-gradient(180deg,var(--sans-blue),var(--sans-blue-2))}.payment-total span{color:rgba(255,255,255,.62)}.payment-total strong{color:var(--sans-red);font-size:2rem}.payment-customer{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.payment-customer strong{color:var(--sans-blue-3)}.payment-customer small{color:#758399}.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.settings-grid{grid-template-columns:1fr}.report-card{min-height:98px;padding:20px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow-sm)}.report-card.primary{background:linear-gradient(180deg,var(--sans-blue),var(--sans-blue-2))}.report-card.wide{grid-column:span 2;min-height:210px}.report-card span{display:block;color:#6f90bd;font-size:.75rem;font-weight:950;text-transform:uppercase}.report-card strong{display:block;margin-top:10px;color:var(--sans-blue-3);font-size:1.45rem;font-weight:950}.report-card.primary span,.report-card.primary strong{color:white}.report-card h2{margin:0 0 18px;color:var(--sans-blue-3)}.bar-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding-bottom:16px;margin-bottom:14px}.bar-row i{position:absolute;left:0;bottom:0;height:8px;border-radius:999px;background:var(--sans-blue)}.bar-row.red i{background:var(--sans-red)}.chart-card{grid-column:span 4;min-height:260px}.chart-card svg{width:100%;height:150px;margin-top:14px;overflow:visible}.chart-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px;color:#6f90bd;font-size:.72rem;font-weight:850;text-align:center}.stock-alert{width:min(540px,100%);display:grid;grid-gap:7px;gap:7px;margin-bottom:24px;padding:16px;border:1px solid #ff9dac;border-radius:16px;background:#fff0f3}.stock-alert strong{color:var(--sans-blue);font-size:1rem}.stock-alert span{color:#5e75a0}.inventory-table{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow-md)}.inventory-head,.inventory-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px 150px;grid-gap:14px;gap:14px;align-items:center;padding:14px 20px}.inventory-head{background:#eef4fb;color:#6f90bd;font-size:.72rem;font-weight:950;text-transform:uppercase}.inventory-row{border-top:1px solid var(--line)}.inventory-product{display:flex;align-items:center;gap:12px;min-width:0}.inventory-product strong{color:var(--sans-blue-3)}.inventory-chip{width:-moz-fit-content;width:fit-content;padding:4px 9px;border-radius:999px;background:#dbeafe;color:var(--sans-blue);font-size:.72rem;font-weight:850}.stock-stepper{display:grid;grid-template-columns:32px minmax(54px,1fr) 32px;grid-gap:8px;gap:8px}.stock-stepper button,.stock-stepper input{min-height:34px;border:1px solid #cfe0f8;border-radius:9px;background:white;color:var(--sans-blue);font-weight:900;text-align:center}.stock-stepper button{background:#dbeafe}.shift-modal-card h2{margin:0;color:var(--sans-blue-3)}.shift-modal-card p{margin:0;color:#65738a;line-height:1.55}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:999px;background:#eef3fb;color:var(--sans-blue);font-weight:950}.app-error,.app-loader{color:var(--sans-blue);font-size:1.2rem}@media (max-width:1180px){.pos-shell{grid-template-columns:88px minmax(0,1fr)}.brand-block img{width:58px}.side-link{justify-content:center;padding:0}.shift-badge,.side-link span:last-child{display:none}.content-grid,.shift-layout{grid-template-columns:1fr}.order-panel{position:static}}@media (max-width:760px){.pos-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.side-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.main-area{padding:16px}.customer-box,.form-grid,.inventory-head,.inventory-row,.login-panel,.manage-card,.module-grid,.option-grid.four,.option-grid.three,.option-grid.two,.report-grid,.topbar{grid-template-columns:1fr}.login-brand,.login-form{padding:26px}.manage-meta{justify-items:start}.chart-card,.report-card.wide{grid-column:span 1}}:root{--sans-blue:#073b77;--sans-blue-2:#082f63;--sans-blue-3:#071b3d;--sans-red:#e21b36;--page:#f5f7fb;--surface:#ffffff;--surface-soft:#f8fafc;--text:#0b1f3f;--muted:#6d7b91;--line:#dce6f3;--shadow-sm:0 8px 18px rgba(7,27,61,0.05);--shadow-md:0 14px 34px rgba(7,27,61,0.08);--shadow-lg:0 24px 64px rgba(7,27,61,0.16);--radius:12px;--radius-sm:9px}body{background:linear-gradient(180deg,#fbfdff,#f3f6fb);color:var(--text)}.pos-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:14px 12px;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0)),#062a5e}.brand-block{min-height:82px;padding:12px;border-radius:14px;background:#ffffff;box-shadow:0 12px 28px rgba(0,11,34,.18)}.brand-block img{width:128px}.side-menu{gap:5px}.side-link{min-height:40px;gap:10px;padding:0 10px;border-radius:10px;color:rgba(255,255,255,.72);font-size:.88rem;font-weight:750}.side-link.active{background:#ffffff;color:var(--sans-blue);box-shadow:0 10px 22px rgba(0,10,30,.16)}.side-link.active .side-icon{background:#eaf2ff;color:var(--sans-blue)}.side-icon{width:25px;height:25px;border-radius:8px;font-size:.68rem}.shift-badge{padding:12px;border-radius:12px;background:rgba(255,255,255,.09)}.topbar{min-height:48px;grid-template-columns:150px minmax(220px,1fr) auto;gap:12px}.clock-block strong{font-size:1.12rem}.clock-block span{font-size:.7rem}.search-bar{height:44px;border-radius:12px;box-shadow:var(--shadow-sm)}.top-actions{gap:7px}.danger-action,.form-actions button,.primary-action,.shift-warning button,.top-actions button{padding:0 13px;font-size:.84rem}.content-grid{grid-template-columns:minmax(0,1fr) 352px}.category-row{gap:8px;margin-bottom:12px}.category-chip{height:35px;padding:0 13px;border-radius:10px;box-shadow:none;font-size:.82rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}.product-card{min-height:178px;padding:11px;box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-tag{padding:4px 8px;font-size:.62rem}.product-art{min-height:82px}.product-art span{width:66px;height:66px;border-radius:18px;font-size:1.15rem}.product-art img{width:96px;height:78px;border-radius:16px}.product-info h3{margin-right:28px;font-size:.88rem}.product-info p{font-size:.82rem}.add-button{right:11px;bottom:11px;width:26px;height:26px}.order-panel{top:18px;padding:14px;box-shadow:var(--shadow-md)}.order-head{padding-bottom:12px}.order-head h2{font-size:1rem}.order-list{max-height:280px}.order-item{min-height:70px;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;padding:10px 18px 10px 0}.mini-art{width:40px;height:40px;border-radius:11px}.qty-pill{height:28px;grid-template-columns:28px 25px 28px}.qty-pill button{height:26px}.checkout-form{gap:9px;padding-top:12px}.checkout-form input,.checkout-form select,.checkout-form textarea,.close-shift-row input,.custom-modal-card input,.custom-modal-card textarea,.discount-modal-card input,.payment-modal-card input,.product-form input,.product-form select,.product-form textarea,.shift-modal-card input{border-radius:10px;background:#ffffff}.checkout-form input,.checkout-form select,.close-shift-row input,.custom-modal-card input,.discount-modal-card input,.payment-modal-card input,.product-form input,.product-form select,.shift-modal-card input{min-height:39px}.customer-box button,.discount-row{min-height:39px;border-radius:10px}.total-box{gap:7px;padding:12px;border-radius:12px;background:#f8fafc}.total-box .grand-total strong{font-size:1.05rem}.pay-button{min-height:48px;border-radius:12px;font-size:.92rem}.module-toolbar{margin-bottom:14px}.module-card h1,.module-toolbar h1{font-size:1.5rem}.module-panel{min-height:calc(100vh - 92px)}.inventory-table,.module-card,.product-form,.report-card,.shift-card,.table-card{border-radius:14px;box-shadow:var(--shadow-sm)}.product-form{gap:12px;padding:16px}.module-grid article,.report-card{border-radius:12px}.table-card td,.table-card th{padding:10px 9px}.custom-modal-card,.discount-modal-card,.payment-modal-card,.shift-modal-card{border-radius:18px;padding:20px}.option-grid{gap:8px}.option-tile{min-height:46px;border-radius:10px;font-size:.86rem}.payment-total{padding:18px;border-radius:14px}.payment-total strong{font-size:1.65rem}.report-grid{gap:14px}.report-card{min-height:86px;padding:16px}.report-card strong{font-size:1.2rem}.chart-card{min-height:220px}.chart-card svg{height:126px}.inventory-head,.inventory-row{grid-template-columns:minmax(220px,1fr) 150px 130px 132px;padding:11px 16px}.stock-alert{margin-bottom:16px;padding:13px;border-radius:12px}.login-panel{border-radius:18px}.login-brand{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0)),#062a5e}@media (max-width:1180px){.pos-shell{grid-template-columns:78px minmax(0,1fr)}.brand-block img{width:46px}}@media (max-width:760px){.main-area{padding:12px}.topbar{gap:10px}.side-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--sans-blue:#01276c;--sans-blue-2:#00245f;--sans-blue-3:#001b49;--sans-red:#e4263f;--page:#f6f8fc;--surface-soft:#f8fafe;--text:#08214a;--muted:#687991;--line:#dde7f5;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Plus Jakarta Sans","Inter",system-ui,sans-serif}body{font-family:var(--font-sans);font-size:13px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,248,252,.96)),#f6f8fc;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.clock-block strong,.custom-head h2,.discount-modal-card h2,.module-card h1,.module-toolbar h1,.order-head h2,.payment-modal-card h2,.product-info h3,.report-card h2,.shift-modal-card h2,.side-link,button,h1,h2,h3{font-family:var(--font-display);letter-spacing:0}.pos-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:16px 12px;gap:16px;background:radial-gradient(circle at 76% 6%,rgba(255,202,216,.18),transparent 24%),radial-gradient(circle at 16% 16%,rgba(255,255,255,.08),transparent 18%),linear-gradient(180deg,#01276c,#01276c 45%,#00245f);box-shadow:inset -1px 0 0 rgba(255,255,255,.08);overflow:hidden}.sidebar:after,.sidebar:before{content:"";position:absolute;pointer-events:none;opacity:.16}.sidebar:before{top:118px;right:10px;width:84px;height:118px;background:radial-gradient(circle at 50% 16%,#ffd9e7 0 6px,transparent 7px),radial-gradient(circle at 30% 32%,#ffd9e7 0 5px,transparent 6px),radial-gradient(circle at 66% 34%,#ffd9e7 0 5px,transparent 6px),radial-gradient(circle at 44% 50%,#ffd9e7 0 4px,transparent 5px);transform:rotate(-18deg)}.sidebar:after{left:-28px;bottom:20px;width:120px;height:160px;border:1px solid rgba(255,220,231,.42);border-right:0;border-bottom:0;border-radius:80px 0 0 0}.brand-block{min-height:138px;padding:0;border-radius:0}.brand-block img{border-radius:4px;background:#01276c;box-shadow:none}.side-menu{gap:6px}.side-link{min-height:42px;padding:0 11px;gap:11px;border-radius:12px;font-size:.84rem;font-weight:800}.side-link:hover{background:rgba(255,255,255,.08);transform:translateX(1px)}.side-link.active{box-shadow:inset 3px 0 0 rgba(255,214,228,.95)}.side-icon,.side-link.active{background:rgba(255,255,255,.12)}.side-icon{width:27px;height:27px;border-radius:9px;font-size:.65rem;font-weight:900}.side-link.active .side-icon{background:rgba(255,255,255,.18);color:#ffffff}.main-area{padding:18px 20px 24px}.topbar{min-height:46px;margin-bottom:16px}.clock-block span{font-size:.68rem;font-weight:800}.clock-block strong{font-size:1.08rem;font-weight:800}.category-chip,.custom-modal-card,.discount-modal-card,.inventory-table,.module-card,.order-panel,.payment-modal-card,.product-card,.product-form,.report-card,.search-bar,.shift-card,.shift-modal-card,.table-card,.top-actions button{border-color:var(--line);box-shadow:0 10px 28px rgba(0,29,77,.055)}.search-bar{height:43px}.danger-action,.form-actions button,.primary-action,.shift-warning button,.top-actions button{min-height:38px;border-radius:10px;font-weight:800}.content-grid{grid-template-columns:minmax(0,1fr) 348px;gap:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:12px}.product-card{min-height:172px;border-radius:14px}.product-art{min-height:76px}.product-art span{width:62px;height:62px;border-radius:17px}.product-art img{width:92px;height:74px}.product-info h3{font-size:.86rem;font-weight:800}.inventory-row strong,.order-price strong,.product-info p,.total-box strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.order-panel{border-radius:16px}.module-card h1,.module-toolbar h1{font-size:1.45rem;font-weight:800}.inventory-head,.module-kicker,.note-field,.option-group>span,.report-card span{font-weight:800;letter-spacing:.02em}.payment-total,.report-card.primary{background:linear-gradient(180deg,#01276c,#00245f)}.danger-action,.pay-button{background:linear-gradient(180deg,#ef263f,#cf1730)}.primary-action,.shift-warning button,.top-actions .order-button{background:linear-gradient(180deg,#01276c,#00245f)}.login-brand{background:radial-gradient(circle at 82% 6%,rgba(228,38,63,.16),transparent 26%),#01276c}.chart-card{min-height:250px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,254,.98)),white}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.chart-head h2{margin:0 0 4px}.chart-head span{color:#7b8daa;font-size:.74rem;font-weight:700;text-transform:none}.chart-head strong{margin:0;color:#01276c;font-size:1rem}.chart-card svg{height:140px;margin-top:10px}.chart-grid-line{stroke:#dce6f4;stroke-width:.7;stroke-dasharray:2 3}.chart-line{fill:none;stroke:url(#salesLine);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 8px rgba(1,39,108,.18))}.chart-dot{fill:#ffffff;stroke:#01276c;stroke-width:1.5}@media (max-width:1180px){.pos-shell{grid-template-columns:78px minmax(0,1fr)}.brand-block{min-height:62px;padding:0}.brand-block img{width:48px}}:root{--brand-navy:#01276c;--brand-navy-deep:#001f58;--brand-navy-soft:#123f83;--brand-red:#e42a42;--sakura:#ffdce8;--sakura-strong:#f7a9bf;--paper:#fbfcff;--paper-blue:#f3f7fd;--ink:#071f46;--ink-soft:#60738f;--card-border:rgba(1,39,108,0.12);--premium-shadow:0 18px 45px rgba(1,39,108,0.09);--premium-shadow-sm:0 10px 24px rgba(1,39,108,0.065)}body{background:radial-gradient(circle at 88% 7%,rgba(255,220,232,.72),transparent 18%),radial-gradient(circle at 12% 92%,rgba(1,39,108,.06),transparent 22%),linear-gradient(180deg,#fbfdff,#f4f8fe);color:var(--ink)}.main-area{position:relative;overflow:hidden}.main-area:after,.main-area:before{content:"";position:fixed;z-index:-1;pointer-events:none}.main-area:before{right:-40px;top:86px;width:390px;height:220px;opacity:.38;background:radial-gradient(circle at 80% 24%,rgba(228,42,66,.2) 0 8px,transparent 9px),radial-gradient(circle at 66% 36%,rgba(255,169,191,.52) 0 7px,transparent 8px),radial-gradient(circle at 88% 42%,rgba(255,220,232,.9) 0 10px,transparent 11px),linear-gradient(150deg,transparent 0 54%,rgba(90,67,47,.22) 55% 57%,transparent 58%);transform:rotate(-8deg)}.main-area:after{right:-70px;bottom:-45px;width:430px;height:210px;opacity:.34;background:radial-gradient(ellipse at 50% 100%,transparent 42%,rgba(1,39,108,.12) 43% 46%,transparent 47%) 0 0 /72px 36px,radial-gradient(ellipse at 50% 100%,transparent 42%,rgba(1,39,108,.09) 43% 46%,transparent 47%) 36px 18px /72px 36px}.sidebar{background:radial-gradient(circle at 72% 10%,rgba(255,220,232,.16),transparent 22%),linear-gradient(180deg,var(--brand-navy) 0,var(--brand-navy) 46%,var(--brand-navy-deep) 100%)}.sidebar:before{top:112px;right:-4px;width:108px;height:160px;opacity:.2;background:radial-gradient(circle at 52% 12%,var(--sakura) 0 6px,transparent 7px),radial-gradient(circle at 32% 28%,var(--sakura) 0 5px,transparent 6px),radial-gradient(circle at 70% 30%,var(--sakura) 0 5px,transparent 6px),radial-gradient(circle at 48% 46%,var(--sakura) 0 4px,transparent 5px),linear-gradient(145deg,transparent 0 48%,rgba(255,230,238,.55) 49% 50%,transparent 51%)}.sidebar:after{left:0;right:0;bottom:-10px;width:auto;height:170px;opacity:.24;border:0;border-radius:0;background:linear-gradient(135deg,transparent 0 40%,rgba(255,255,255,.34) 41% 44%,transparent 45%) 16px 72px /92px 76px no-repeat,radial-gradient(ellipse at 50% 100%,transparent 42%,rgba(255,255,255,.22) 43% 46%,transparent 47%) 0 82px /64px 32px,radial-gradient(circle at 34% 76%,rgba(255,220,232,.72) 0 4px,transparent 5px),radial-gradient(circle at 46% 68%,rgba(255,220,232,.56) 0 3px,transparent 4px)}.brand-block{position:relative;min-height:150px;display:grid;place-items:center;padding:6px 0 12px;background:transparent;box-shadow:none}.brand-block:before{content:"";position:absolute;inset:4px 8px 0;border-radius:24px;background:radial-gradient(circle at 78% 22%,rgba(255,220,232,.18),transparent 30%),rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 42px rgba(0,15,44,.18)}.brand-block img{position:relative;z-index:1;width:158px;background:var(--brand-navy);mix-blend-mode:normal;filter:drop-shadow(0 14px 24px rgba(0,8,30,.28))}.side-link{min-height:43px;color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.side-link.active{background:linear-gradient(90deg,rgba(255,220,232,.22),rgba(255,255,255,.11)),rgba(255,255,255,.08);box-shadow:inset 3px 0 0 var(--sakura-strong),0 12px 26px rgba(0,10,34,.16)}.side-link.active:after{right:12px;width:6px;height:6px;background:var(--sakura);box-shadow:0 0 16px rgba(255,220,232,.9)}.shift-badge{z-index:1;border-color:rgba(255,255,255,.16);background:radial-gradient(circle at 90% 10%,rgba(255,220,232,.16),transparent 24%),rgba(0,20,58,.46);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 35px rgba(0,10,34,.18)}.shift-badge button{background:rgba(255,255,255,.96);color:var(--brand-navy);box-shadow:0 10px 22px rgba(0,10,34,.16)}.topbar{padding:10px;border:1px solid rgba(1,39,108,.09);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:var(--premium-shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-bar,.top-actions button{border-color:rgba(1,39,108,.1);background:rgba(255,255,255,.86)}.top-actions button{box-shadow:0 8px 18px rgba(1,39,108,.06)}.section-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:142px;margin-bottom:18px;padding:24px 28px;overflow:hidden;border:1px solid rgba(1,39,108,.08);border-radius:28px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.66)),radial-gradient(circle at 78% 25%,rgba(255,220,232,.72),transparent 24%),#ffffff;box-shadow:var(--premium-shadow-sm)}.section-hero:before{content:"";position:absolute;right:170px;bottom:-18px;width:300px;height:135px;opacity:.18;background:linear-gradient(135deg,transparent 0 42%,var(--brand-navy) 43% 46%,transparent 47%);-webkit-clip-path:polygon(0 100%,28% 46%,43% 72%,58% 28%,100% 100%);clip-path:polygon(0 100%,28% 46%,43% 72%,58% 28%,100% 100%)}.section-hero:after{content:"";position:absolute;right:-30px;top:12px;width:210px;height:100px;opacity:.42;background:radial-gradient(circle at 22% 48%,var(--sakura) 0 8px,transparent 9px),radial-gradient(circle at 42% 34%,var(--sakura-strong) 0 5px,transparent 6px),radial-gradient(circle at 66% 56%,var(--sakura) 0 7px,transparent 8px),linear-gradient(150deg,transparent 0 52%,rgba(92,60,42,.3) 53% 55%,transparent 56%)}.section-hero>*{position:relative;z-index:1}.section-hero h1{margin:7px 0 8px;color:var(--ink);font-size:2rem;line-height:1}.section-hero p{max-width:580px;margin:0;color:var(--ink-soft);line-height:1.55}.hero-status{display:grid;grid-gap:4px;gap:4px;min-width:190px;padding:14px 16px;border:1px solid rgba(1,39,108,.09);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 12px 24px rgba(1,39,108,.06)}.hero-status span{color:var(--ink-soft);font-size:.72rem;font-weight:800}.hero-status strong{color:var(--brand-navy);font-family:var(--font-display)}.table-card{border:1px solid rgba(1,39,108,.09);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:var(--premium-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.table-card table{border-collapse:separate;border-spacing:0 10px}.table-card th{border:0;color:#6f83a0}.table-card td{border-top:1px solid rgba(1,39,108,.08);border-bottom:1px solid rgba(1,39,108,.08);background:rgba(255,255,255,.88)}.table-card td:first-child{border-left:1px solid rgba(1,39,108,.08);border-radius:16px 0 0 16px}.table-card td:last-child{border-right:1px solid rgba(1,39,108,.08);border-radius:0 16px 16px 0}.table-card tbody tr{transition:transform .16s ease,box-shadow .16s ease}.table-card tbody tr:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(1,39,108,.08)}.cell-main{display:inline-flex;align-items:center;gap:9px}.table-icon{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:10px;background:#eaf2ff;color:var(--brand-navy);font-size:.62rem;font-style:normal;font-weight:900}.table-icon.coffee{background:#fff0e6;color:#8a4b22}.table-icon.date{background:#eef7ff;color:#2671c9}.status-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:.72rem;font-weight:850}.status-chip.soft{background:#edf8f3;color:#20835a}.status-chip.paid{background:#eaf2ff;color:var(--brand-navy)}.status-chip.void{background:#f3f3f5;color:#6b7280}.status-chip.refund{background:#fff4e5;color:#b45309}.tx-action-group{display:flex;gap:6px}.tx-btn-void{padding:3px 10px;border-radius:6px;border:1.5px solid #d1d5db;background:#f9fafb;color:#6b7280;font-size:12px;font-weight:700;cursor:pointer}.tx-btn-void:hover{background:#f3f4f6;color:#374151}.tx-btn-refund{padding:3px 10px;border-radius:6px;border:1.5px solid #fbbf24;background:#fffbeb;color:#b45309;font-size:12px;font-weight:700;cursor:pointer}.tx-btn-refund:hover{background:#fef3c7}.tx-btn-reprint{padding:3px 10px;border-radius:6px;border:1.5px solid #6366f1;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:700;cursor:pointer}.tx-btn-reprint:hover{background:#e0e7ff}.module-grid article,.report-card{position:relative;overflow:hidden;border:1px solid rgba(1,39,108,.09);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.94)),white;box-shadow:var(--premium-shadow-sm)}.module-grid article:after,.report-card:after{content:"";position:absolute;right:14px;top:14px;width:9px;height:9px;border-radius:999px;background:rgba(255,220,232,.8)}.report-card.primary:after{background:rgba(255,255,255,.34)}@media (max-width:920px){.section-hero{align-items:flex-start;flex-direction:column;min-height:auto}.hero-status{width:100%}}@media (max-width:760px){.topbar{padding:10px;border-radius:18px}.section-hero{padding:20px;border-radius:22px}.section-hero h1{font-size:1.55rem}}:root{--jp-ink:#061936;--jp-navy:#01276c;--jp-navy-2:#001d54;--jp-red:#e7334e;--jp-sakura:#ffd7e4;--jp-sakura-2:#f59ab5;--jp-matcha:#59b985;--jp-yuzu:#ffcc65;--jp-sky:#dcecff;--jp-paper:rgba(255,255,255,0.82);--jp-line:rgba(1,39,108,0.11);--jp-shadow:0 18px 44px rgba(1,31,88,0.1);--jp-shadow-soft:0 10px 26px rgba(1,31,88,0.075)}html{scroll-behavior:smooth}body{overflow-x:hidden;background:radial-gradient(circle at 8% 10%,rgba(255,204,101,.18),transparent 20%),radial-gradient(circle at 85% 7%,rgba(255,215,228,.62),transparent 18%),linear-gradient(180deg,#fafdff,#f4f8ff 52%,#eef5ff)}.login-shell,.pos-shell{position:relative;isolation:isolate}.sakura-layer{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none}.sakura-layer span{--delay:calc(var(--i) * -1.45s);--left:calc((var(--i) * 53px) % 100vw);position:absolute;left:var(--left);top:-34px;width:13px;height:10px;border-radius:80% 0 80% 0;background:radial-gradient(circle at 30% 30%,#fff9fb 0 18%,transparent 20%),linear-gradient(135deg,var(--jp-sakura),var(--jp-sakura-2));opacity:.72;filter:drop-shadow(0 5px 8px rgba(245,154,181,.18));transform:rotate(18deg);animation:sakuraFall calc(9s + (var(--i) % 6) * 1.2s) linear infinite;animation-delay:var(--delay)}.sakura-layer span:nth-child(3n){width:10px;height:8px;opacity:.52;animation-duration:12s}.sakura-layer span:nth-child(4n){background:linear-gradient(135deg,#fff0f6,#ffbfd2);animation-duration:14s}@keyframes sakuraFall{0%{translate:0 -8vh;rotate:0deg}45%{translate:42px 48vh;rotate:190deg}to{translate:-34px 108vh;rotate:1turn}}.login-shell{background:linear-gradient(180deg,rgba(0,22,68,.88) 0,rgba(0,12,40,.72) 60%,rgba(0,8,28,.55)),url("/gunung di sidebar bawah.png") bottom /cover no-repeat}.login-panel{border-radius:28px;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.96);box-shadow:0 32px 100px rgba(0,8,32,.45);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-brand{position:relative;overflow:hidden;background:linear-gradient(180deg,#01307e,#001d54 52%,rgba(0,14,44,.6)),url("/gunung di sidebar bawah.png") bottom /cover no-repeat}.login-brand:before{display:none}.brand-block img,.login-brand img{background-color:var(--jp-navy)}.sidebar{background:radial-gradient(circle at 78% 8%,rgba(255,215,228,.18),transparent 24%),radial-gradient(circle at 18% 42%,rgba(89,185,133,.11),transparent 18%),linear-gradient(180deg,var(--jp-navy) 0,var(--jp-navy) 50%,var(--jp-navy-2) 100%)}.brand-block:before{background:linear-gradient(180deg,rgba(1,39,108,.94),rgba(1,39,108,.72)),radial-gradient(circle at 76% 20%,rgba(255,215,228,.26),transparent 28%)}.side-icon{background:rgba(255,255,255,.14);color:#ffe9f0}.side-link.active,.side-link:hover{border-color:rgba(255,255,255,.14)}.main-area{background:linear-gradient(90deg,rgba(1,39,108,.035) 1px,transparent 0) 0 0 /44px 44px,linear-gradient(180deg,transparent,rgba(255,255,255,.42))}.topbar{position:-webkit-sticky;position:sticky;top:14px;z-index:12;grid-template-columns:170px minmax(220px,1fr) auto;background:rgba(255,255,255,.78);box-shadow:0 16px 42px rgba(1,31,88,.11)}.clock-block strong{color:var(--jp-navy)}.search-symbol{background:linear-gradient(135deg,var(--jp-sakura),#fff4f8)}.search-bar input::placeholder{color:#8ca0bc}.category-chip,.customer-box button,.manage-meta button,.quick-row button,.top-actions button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.category-chip:hover,.customer-box button:hover,.manage-meta button:hover,.quick-row button:hover,.top-actions button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(1,31,88,.11)}.japan-scenery{position:relative;min-height:96px;margin:0 0 18px;border:1px solid rgba(1,39,108,.08);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(244,248,255,.74)),radial-gradient(circle at 88% 28%,rgba(255,215,228,.82),transparent 18%),linear-gradient(120deg,rgba(220,236,255,.88),rgba(255,247,250,.9));box-shadow:var(--jp-shadow-soft)}.scenery-sun{position:absolute;right:12%;top:17px;width:48px;height:48px;border-radius:999px;background:linear-gradient(135deg,#ff7b89,var(--jp-sakura));opacity:.88}.scenery-mountains{position:absolute;inset:auto 0 0;height:74px;background:linear-gradient(135deg,transparent 0 42%,rgba(1,39,108,.24) 43% 46%,transparent 47%) 8% 100% /170px 96px no-repeat,linear-gradient(135deg,transparent 0 42%,rgba(1,39,108,.16) 43% 46%,transparent 47%) 46% 100% /230px 112px no-repeat,linear-gradient(135deg,transparent 0 42%,rgba(1,39,108,.2) 43% 46%,transparent 47%) 82% 100% /190px 92px no-repeat;-webkit-clip-path:polygon(0 100%,12% 48%,21% 72%,34% 32%,48% 74%,60% 42%,72% 68%,86% 28%,100% 100%);clip-path:polygon(0 100%,12% 48%,21% 72%,34% 32%,48% 74%,60% 42%,72% 68%,86% 28%,100% 100%)}.scenery-branch{position:absolute;right:-24px;top:8px;width:260px;height:72px;background:radial-gradient(circle at 24% 54%,var(--jp-sakura) 0 7px,transparent 8px),radial-gradient(circle at 40% 34%,var(--jp-sakura-2) 0 5px,transparent 6px),radial-gradient(circle at 58% 52%,var(--jp-sakura) 0 8px,transparent 9px),radial-gradient(circle at 72% 28%,#fff0f6 0 6px,transparent 7px),linear-gradient(160deg,transparent 0 52%,rgba(93,59,42,.34) 53% 55%,transparent 56%);transform:rotate(-7deg)}.scenery-wave{position:absolute;left:0;right:0;bottom:-2px;height:34px;opacity:.55;background:radial-gradient(ellipse at 50% 100%,transparent 42%,rgba(1,39,108,.18) 43% 46%,transparent 47%) 0 0 /78px 34px,radial-gradient(ellipse at 50% 100%,transparent 42%,rgba(231,51,78,.16) 43% 46%,transparent 47%) 39px 10px /78px 34px}.section-hero{min-height:154px;border-radius:24px;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.58)),radial-gradient(circle at 84% 18%,rgba(255,215,228,.78),transparent 21%),linear-gradient(135deg,#ffffff,#eef6ff);box-shadow:var(--jp-shadow)}.section-hero h1{color:var(--jp-ink)}.custom-modal-card,.discount-modal-card,.hero-status,.inventory-table,.manage-card,.order-panel,.payment-modal-card,.product-card,.product-form,.report-card,.shift-card,.shift-modal-card,.table-card{border-color:var(--jp-line);background-color:var(--jp-paper);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--jp-shadow-soft)}.category-chip{border-color:rgba(1,39,108,.1);background:rgba(255,255,255,.78)}.category-chip.active,.primary-action,.shift-warning button,.top-actions .order-button{background:linear-gradient(135deg,var(--jp-navy),#164b99);box-shadow:0 14px 30px rgba(1,39,108,.2)}.product-card{min-height:196px;overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(255,215,228,.62),transparent 21%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.92))}.product-card:before{content:"";position:absolute;inset:auto -22px -38px auto;width:112px;height:112px;border-radius:999px;background:rgba(89,185,133,.12)}.product-card:hover{transform:translateY(-5px) rotate(-.3deg)}.inventory-chip,.product-tag,.status-chip.soft{background:rgba(89,185,133,.13);color:#23724a}.manage-image,.mini-art,.product-art span{background:radial-gradient(circle at 70% 18%,rgba(255,215,228,.8),transparent 26%),linear-gradient(135deg,#ffffff,#eaf3ff);color:var(--jp-navy)}.add-button,.danger-action,.pay-button{background:linear-gradient(135deg,var(--jp-red),#ff6176);box-shadow:0 16px 30px rgba(231,51,78,.26)}.order-panel{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,252,255,.88)),radial-gradient(circle at 86% 8%,rgba(255,215,228,.46),transparent 18%)}.discount-row,.option-tile,.order-head button,.quick-row button,.stock-stepper{background:rgba(255,255,255,.82);border-color:rgba(1,39,108,.1)}.total-box{background:radial-gradient(circle at 88% 20%,rgba(255,215,228,.62),transparent 24%),linear-gradient(180deg,#fff8fb,#f6fbff)}.payment-total,.report-card.primary{background:radial-gradient(circle at 88% 18%,rgba(255,215,228,.2),transparent 24%),linear-gradient(135deg,var(--jp-navy),var(--jp-navy-2))}.report-card:nth-child(2):after{background:var(--jp-matcha)}.report-card:nth-child(3):after{background:var(--jp-yuzu)}.report-card:nth-child(4):after{background:var(--jp-sakura-2)}.bar-row i{background:linear-gradient(90deg,var(--jp-matcha),#9be3b8)}.bar-row.red i,.chart-line{filter:drop-shadow(0 6px 10px rgba(231,51,78,.16))}.inventory-head{background:linear-gradient(90deg,rgba(255,215,228,.34),rgba(220,236,255,.76))}.inventory-row,.manage-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.inventory-row:hover,.manage-card:hover{transform:translateY(-2px);border-color:rgba(231,51,78,.18);box-shadow:var(--jp-shadow)}.shift-modal{z-index:40;background:radial-gradient(circle at 76% 20%,rgba(255,215,228,.2),transparent 20%),rgba(0,20,58,.62)}.custom-modal-card,.discount-modal-card,.payment-modal-card,.shift-modal-card{background:radial-gradient(circle at 90% 7%,rgba(255,215,228,.52),transparent 22%),rgba(255,255,255,.94)}.option-tile.active{border-color:var(--jp-red);background:radial-gradient(circle at 88% 18%,rgba(255,215,228,.78),transparent 24%),#fff8fb}.app-error,.app-loader{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(255,215,228,.62),transparent 18%),linear-gradient(180deg,#fbfdff,#eef5ff);color:var(--jp-navy);font-family:var(--font-display);font-weight:900}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media (max-width:1180px){.topbar{grid-template-columns:132px minmax(180px,1fr) auto}.japan-scenery{min-height:82px}}@media (max-width:760px){.sakura-layer span{opacity:.45}.topbar{position:relative;top:auto}.japan-scenery{min-height:76px;border-radius:18px}.scenery-branch{right:-84px}.section-hero{border-radius:18px}.login-panel{border-radius:22px}}:root{--jp-torii:rgba(220,42,60,0.72);--jp-gold:#c8890a;--jp-bg-warm:linear-gradient(180deg,#fafcff,#f3f8ff 45%,#eef5ff)}body{background:radial-gradient(circle at 6% 8%,rgba(255,204,101,.14),transparent 18%),radial-gradient(circle at 88% 6%,rgba(255,215,228,.68),transparent 16%),radial-gradient(circle at 52% 94%,rgba(1,39,108,.05),transparent 20%),linear-gradient(180deg,#fafdff,#f3f7ff 50%,#eef5ff)}.main-area{background:radial-gradient(circle at 1px 1px,rgba(1,39,108,.04) 1px,transparent 0) 0 0 /28px 28px,linear-gradient(180deg,transparent,rgba(255,255,255,.3))}.brand-block{background:radial-gradient(circle at 78% 22%,rgba(255,215,228,.22),transparent 34%),rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 50px rgba(0,5,22,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.side-link{position:relative;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.side-link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);transform:translateX(2px)}.side-link.active{background:linear-gradient(90deg,rgba(255,210,228,.28),rgba(255,255,255,.12));border-color:rgba(255,255,255,.22);color:#ffffff;box-shadow:inset 3.5px 0 0 #ffb7cc,0 12px 28px rgba(0,6,26,.24)}.side-link.active .side-icon{background:rgba(255,215,228,.32);color:#fff0f6;box-shadow:0 6px 14px rgba(0,5,20,.2)}.side-link.active:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:999px;background:var(--jp-sakura);box-shadow:0 0 12px rgba(255,215,228,.9)}.shift-badge{position:relative;z-index:2;gap:6px;padding:14px 15px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:radial-gradient(circle at 90% 10%,rgba(255,215,228,.2),transparent 28%),rgba(0,12,45,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 42px rgba(0,5,22,.28)}.shift-badge button{letter-spacing:.01em;box-shadow:0 10px 24px rgba(0,8,30,.18);transition:transform .18s ease,box-shadow .18s ease}.shift-badge button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,8,30,.22)}.section-hero h1:after{content:"🌸";margin-left:9px;font-size:.62em;vertical-align:2px;opacity:.88}.topbar{border:1px solid rgba(1,39,108,.1);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 16px 40px rgba(1,31,88,.1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.search-symbol{background:linear-gradient(135deg,var(--jp-sakura) 0,#ffe8f2 100%);color:var(--jp-red)}.tx-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tx-filter-pill{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid rgba(1,39,108,.1);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(1,31,88,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--jp-ink);font-weight:700;font-size:.86rem;transition:transform .18s ease,box-shadow .18s ease}.tx-filter-pill:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(1,31,88,.1)}.tx-filter-pill input[type=date],.tx-filter-pill select{border:0;background:transparent;color:var(--jp-ink);font-weight:700;font-size:.86rem;font-family:var(--font-sans);outline:0;cursor:pointer;min-width:0}.tx-filter-pill input[type=date]::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer}.tx-pill-icon{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;font-size:.64rem;font-weight:900;letter-spacing:0}.tx-pill-icon.cal{background:linear-gradient(135deg,var(--jp-sky),#aad5ff);color:#1a68b0}.tx-pill-icon.pay{background:linear-gradient(135deg,var(--jp-sakura),#ffbad0);color:#c01f56}.tx-summary-card{margin-left:auto;display:flex;align-items:center;gap:14px;padding:10px 16px;border:1px solid rgba(1,39,108,.1);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(1,31,88,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:220px}.tx-summary-info{text-align:right;flex:1 1}.tx-summary-label{display:block;color:var(--ink-soft);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tx-summary-value{display:block;margin-top:3px;color:var(--jp-navy);font-family:var(--font-display);font-size:1.18rem;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tx-summary-icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--jp-navy),#1752b0);color:white;font-size:1rem;font-weight:900;box-shadow:0 12px 28px rgba(1,39,108,.24)}.tx-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:0;margin-bottom:22px}.tx-stat-card{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid rgba(1,39,108,.09);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:var(--jp-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,box-shadow .18s ease}.tx-stat-card:hover{transform:translateY(-3px);box-shadow:var(--jp-shadow)}.tx-stat-card:before{content:"";position:absolute;top:14px;right:14px;width:7px;height:7px;border-radius:999px}.tx-stat-card:first-child:before{background:#aad4ff}.tx-stat-card:nth-child(2):before{background:#9de3c2}.tx-stat-card:nth-child(3):before{background:#ffaac5}.tx-stat-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;font-size:.72rem;font-weight:900;letter-spacing:0}.tx-stat-card:first-child .tx-stat-icon{background:linear-gradient(135deg,#dbeeff,#aad4ff);color:#1a60ae}.tx-stat-card:nth-child(2) .tx-stat-icon{background:linear-gradient(135deg,#d4f5e9,#9de3c2);color:#1a7a50}.tx-stat-card:nth-child(3) .tx-stat-icon{background:linear-gradient(135deg,var(--jp-sakura),#ffaac5);color:#a6195c}.tx-stat-body{min-width:0;flex:1 1}.tx-stat-label{display:block;margin-bottom:5px;color:var(--ink-soft);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tx-stat-value{display:block;color:var(--jp-navy);font-family:var(--font-display);font-size:1.38rem;font-weight:900;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tx-stat-sub{display:block;margin-top:6px;color:var(--ink-soft);font-size:.68rem}.table-card{border-radius:22px;background:rgba(255,255,255,.86);box-shadow:var(--jp-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.table-card td:first-child{color:var(--jp-navy);font-weight:900;font-family:var(--font-display)}.report-card:first-child:not(.chart-card){background:radial-gradient(circle at 90% 14%,rgba(255,215,228,.22),transparent 24%),linear-gradient(135deg,var(--jp-navy),var(--jp-navy-2))}.report-card:nth-child(2){border-top:3px solid #9de3c2}.report-card:nth-child(3){border-top:3px solid #ffd86a}.report-card:nth-child(4){border-top:3px solid #ffaac5}@media (max-width:1024px){.tx-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.tx-filter-bar{flex-direction:column;align-items:stretch}.tx-summary-card{margin-left:0;justify-content:space-between;min-width:0}.tx-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.tx-stat-icon{width:38px;height:38px}.tx-stat-value{font-size:1.12rem}}@media (max-width:480px){.tx-stats-grid{grid-template-columns:1fr}}:root{--font-sans:"Sora","DM Sans",system-ui,-apple-system,sans-serif;--font-display:"Cormorant Garamond","Sora",Georgia,serif}.clock-block strong,.custom-total strong,.module-card h1,.module-toolbar h1,.payment-total strong,.report-card strong,.section-hero h1,.shift-card h2,.tx-stat-value,.tx-summary-value,h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}.category-chip,.danger-action,.module-kicker,.pay-button,.primary-action,.shift-badge strong,.side-link,.top-actions button,.tx-stat-label,.tx-summary-label{font-family:var(--font-display)}.japan-scenery{min-height:154px;height:154px;padding:0;border-radius:22px;border:1px solid rgba(1,39,108,.07);background:transparent;box-shadow:0 14px 36px rgba(1,31,88,.08);overflow:hidden}.japan-scenery>svg{display:block;width:100%;height:100%}.scenery-branch,.scenery-mountains,.scenery-sun,.scenery-wave{display:none}.sidebar{position:-webkit-sticky;position:sticky}.sidebar-scene{position:absolute;bottom:0;left:0;right:0;height:230px;pointer-events:none;z-index:0;overflow:hidden}.sidebar-scene>svg{display:block;width:100%;height:100%}.shift-badge{background:radial-gradient(circle at 88% 8%,rgba(255,215,228,.18),transparent 28%),rgba(1,12,44,.66)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:18px!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important;backdrop-filter:blur(18px) saturate(120%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 52px rgba(0,4,22,.38)!important;padding:16px!important;gap:7px!important}.shift-badge>span{color:#ff9db8!important;font-size:.66rem!important;letter-spacing:.12em!important}.shift-badge>span,.shift-badge>strong{font-family:var(--font-display)!important;font-weight:700!important}.shift-badge>strong{color:#ffffff!important;font-size:1.05rem!important;letter-spacing:-.01em!important}.shift-badge>small{color:rgba(255,255,255,.64)!important;font-size:.75rem!important}.shift-badge button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;margin-top:10px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.96)!important;color:var(--jp-navy)!important;font-family:var(--font-display)!important;font-weight:700!important;font-size:.86rem!important;box-shadow:0 12px 28px rgba(0,5,22,.22)!important;transition:transform .18s ease,box-shadow .18s ease!important}.shift-badge button:hover{transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(0,5,22,.28)!important}.shift-btn-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--jp-navy),#1752b0);color:white;font-size:.55rem}.section-hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em}.section-hero .module-kicker{font-size:.7rem;letter-spacing:.12em;font-weight:700}.report-card strong,.topbar .clock-block strong{letter-spacing:-.02em}@media (max-width:1180px){.sidebar-scene{display:none}.shift-badge{display:none!important}}@media (max-width:760px){.japan-scenery{height:120px;min-height:120px}}.japan-scenery{height:240px!important;min-height:240px!important;margin:0 0 24px!important;border-radius:20px!important;overflow:hidden!important;padding:0!important}.japan-scenery img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 22%!important;display:block!important}.sidebar-scene{height:320px!important}.sidebar-scene img{object-position:center bottom!important}.brand-block:before{display:none!important}.brand-block{padding:22px 16px 18px!important}.brand-block img{width:152px!important;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))!important}@media (max-width:1180px){.pos-shell{grid-template-columns:218px minmax(0,1fr)!important}.sidebar-scene{display:block!important}.shift-badge{display:flex!important}.brand-block img{width:148px!important}}.section-hero{margin-top:0!important}.topbar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;min-height:52px!important;margin-bottom:16px!important;padding:6px 0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;position:static!important;top:unset!important}.topbar .clock-block{flex-shrink:0!important}.topbar .search-bar{flex:1 1!important;min-width:0!important;max-width:580px!important}.topbar .top-actions{margin-left:auto!important;flex-shrink:0!important}.side-link.active{background:rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important}.side-link:not(.active):hover{background:rgba(255,255,255,.08)!important}.delete-action{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 12px!important;border-radius:999px!important;background:rgba(227,19,47,.07)!important;color:#c0102a!important;border:1px solid rgba(227,19,47,.2)!important;font-size:.76rem!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;white-space:nowrap!important;transition:background .15s,border-color .15s,transform .1s!important}.delete-action:hover{background:rgba(227,19,47,.14)!important;border-color:rgba(227,19,47,.38)!important;transform:translateY(-1px)!important}.delete-action:active{transform:scale(.95)!important}:root{--font-sans:var(--font-inter,"Inter"),"Inter",system-ui,-apple-system,sans-serif;--font-display:var(--font-jakarta,"Plus Jakarta Sans"),"Plus Jakarta Sans",system-ui,sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans)!important;font-size:13.5px!important;line-height:1.6!important;font-weight:400!important}h1,h2,h3,h4{font-family:var(--font-display)!important;line-height:1.2!important}h1{font-size:1.85rem!important;letter-spacing:-.03em!important}h1,h2{font-weight:700!important}h2{font-size:1.3rem!important;letter-spacing:-.02em!important}h3{font-size:1.05rem!important;font-weight:600!important;letter-spacing:-.015em!important}.section-hero h1{font-size:1.9rem!important;font-weight:700!important;letter-spacing:-.035em!important;line-height:1.1!important}.module-kicker,.section-hero h1{font-family:var(--font-display)!important}.module-kicker{font-size:.7rem!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important}.section-hero p{font-family:var(--font-sans)!important;font-size:.875rem!important;line-height:1.65!important;font-weight:400!important}.side-link{font-size:.84rem!important;font-weight:600!important;letter-spacing:-.01em!important}.clock-block strong,.shift-badge button,.shift-badge small,.shift-badge span,.shift-badge strong,.side-link{font-family:var(--font-display)!important}.clock-block strong{font-size:1.4rem!important;font-weight:700!important;letter-spacing:-.04em!important;line-height:1!important}.clock-block span{font-family:var(--font-sans)!important;font-size:.7rem!important;font-weight:500!important;letter-spacing:.02em!important}.cart-total strong,.custom-total strong,.pay-total strong,.payment-total strong,.report-card strong,.tx-stat-value{font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:-.04em!important}.report-card span,.tx-stat-label{font-family:var(--font-sans)!important;font-size:.72rem!important;font-weight:500!important;letter-spacing:.02em!important}thead td,thead th{font-family:var(--font-display)!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.07em!important;text-transform:uppercase!important}tbody td{font-family:var(--font-sans)!important;font-size:.84rem!important;line-height:1.5!important;font-weight:400!important}.category-chip,.danger-action,.pay-button,.primary-action,button{font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:-.01em!important}input,select,textarea{font-size:.875rem!important;font-weight:400!important}input,label,select,textarea{font-family:var(--font-sans)!important}label{font-size:.8rem!important;font-weight:500!important}.manage-card>div>strong{font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:-.02em!important;font-size:.92rem!important}.search-bar input{font-family:var(--font-sans)!important;font-size:.875rem!important;font-weight:400!important}.brand-block:after,.brand-block:before{background:none!important;box-shadow:none!important}.brand-block{border-radius:0!important;min-height:auto!important;padding:24px 12px 18px!important}.brand-block img{width:150px!important;height:auto!important;display:block!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;border-radius:0!important;filter:none!important;mix-blend-mode:screen!important}.sakura-layer span{position:absolute!important;top:-16px!important;left:calc(var(--i) * 2.3%)!important;width:12px!important;height:9px!important;border-radius:80% 0 80% 0!important;background:linear-gradient(135deg,#ffb7cb,#ff85a8)!important;filter:none!important;will-change:transform,opacity!important;animation:sakuraDrop 12s ease-in-out infinite!important;animation-delay:calc(var(--i) * -.6s)!important;opacity:0;transform:none}.sakura-layer span:nth-child(2n){width:9px!important;height:7px!important;background:linear-gradient(150deg,#ffc8d8,#ff9ab8)!important;animation-duration:16s!important}.sakura-layer span:nth-child(3n){width:14px!important;height:11px!important;background:linear-gradient(125deg,#ffe0ea,#ffaac4)!important;border-radius:80% 0 80% 0!important;animation-duration:10s!important}.sakura-layer span:nth-child(5n){width:10px!important;height:8px!important;background:linear-gradient(135deg,#fff0f5,#ffd0e0)!important;border-radius:50% 0 50% 0!important;animation-duration:19s!important}.sakura-layer span:nth-child(7n){width:8px!important;height:6px!important;background:linear-gradient(140deg,#ffe8f0,#ffbdd0)!important;border-radius:100% 0 100% 0!important;animation-duration:8s!important}@keyframes sakuraDrop{0%{transform:translateY(0) rotate(-15deg);opacity:0}8%{transform:translateY(6vh) rotate(25deg) translateX(12px);opacity:.82}30%{transform:translateY(28vh) rotate(95deg) translateX(-18px);opacity:.68}55%{transform:translateY(52vh) rotate(200deg) translateX(24px);opacity:.5}80%{transform:translateY(78vh) rotate(310deg) translateX(-10px);opacity:.25}95%{opacity:.08}to{transform:translateY(108vh) rotate(400deg) translateX(8px);opacity:0}}.manage-card,.module-card,.report-card{transition:transform .2s cubic-bezier(.34,1.4,.64,1),box-shadow .2s ease!important;will-change:transform!important}.manage-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 52px rgba(1,31,88,.13)!important}.module-card:hover,.report-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(1,31,88,.11)!important}.danger-action,.pay-button,.primary-action{transition:transform .1s ease,box-shadow .1s ease,background .15s ease!important}.danger-action:active,.pay-button:active,.primary-action:active{transform:scale(.96)!important}.side-link{transition:background .15s ease,transform .15s ease,padding-left .15s ease!important}.side-link:not(.active):hover{transform:translateX(3px)!important}.side-link.active{transform:translateX(2px)!important}.brand-block{border:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.brand-block:after,.brand-block:before{display:none!important;content:none!important}.brand-block img,.login-brand img{background:none!important;background-color:transparent!important;mix-blend-mode:normal!important}.sidebar{height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important}.sidebar-scene{bottom:0!important;left:0!important;right:0!important;height:58vh!important;min-height:220px!important;overflow:hidden!important;pointer-events:none!important;z-index:0!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 20%,black 38%)!important;mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 20%,black 38%)!important}.sidebar-scene,.sidebar-scene img{position:absolute!important;display:block!important}.sidebar-scene img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}.shift-badge{position:relative!important;z-index:2!important;margin-top:auto!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0 4px 16px!important}.shift-active-label{color:rgba(255,255,255,.8);font-size:.78rem;font-weight:600;font-family:var(--font-display);padding:0 8px 16px;display:block}@keyframes fadeInUp{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes fadeInScale{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.section-hero{animation:fadeInUp .44s cubic-bezier(.22,1,.36,1) both}.japan-scenery{animation:fadeInScale .5s cubic-bezier(.22,1,.36,1) .05s both}.manage-card:first-child{animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .04s both}.manage-card:nth-child(2){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .09s both}.manage-card:nth-child(3){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .14s both}.manage-card:nth-child(4){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .19s both}.manage-card:nth-child(5){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .24s both}.manage-card:nth-child(6){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .29s both}.manage-card:nth-child(n+7){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .32s both}.report-card:first-child{animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .05s both}.report-card:nth-child(2){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .11s both}.report-card:nth-child(3){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .17s both}.report-card:nth-child(4){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .23s both}.tx-stat-card:first-child{animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .05s both}.tx-stat-card:nth-child(2){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .11s both}.tx-stat-card:nth-child(3){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .17s both}.tx-stat-card:nth-child(4){animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) .23s both}.table-card{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) .07s both}.product-card{animation:fadeInScale .35s cubic-bezier(.22,1,.36,1) calc(.04s * var(--i, 1)) both}.module-card{animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) calc(.06s * var(--i, 1)) both}@media (max-width:760px){.sidebar{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.sidebar-scene{display:none!important}}.japan-scenery{display:none!important}.section-hero{position:relative!important;overflow:hidden!important;min-height:140px!important;display:flex!important;align-items:center!important;gap:24px!important;padding:28px 32px!important;border-radius:22px!important;background:linear-gradient(105deg,rgba(255,255,255,.98),rgba(241,248,255,.92) 55%,rgba(230,242,255,.78))!important;box-shadow:0 12px 36px rgba(1,31,88,.09),inset 0 0 0 1px rgba(1,39,108,.08)!important}.hero-mountain-img{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;height:160%!important;width:auto!important;max-width:72%!important;object-fit:contain!important;object-position:right center!important;pointer-events:none!important;z-index:0!important;opacity:.95!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 15%,black 32%)!important;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 15%,black 32%)!important}.hero-text,.section-hero>div:first-child{position:relative!important;z-index:1!important;flex:1 1!important}.section-hero .hero-status{position:relative!important;z-index:1!important;flex-shrink:0!important}.side-menu{position:relative!important;z-index:3!important}.side-link{color:#ffffff!important;font-weight:700!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.bb-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}.bb-stat-card{background:var(--surface);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);border-left:4px solid transparent;display:flex;flex-direction:column;gap:4px}.bb-stat-card.accent-blue{border-left-color:#3b82f6}.bb-stat-card.accent-green{border-left-color:#22c55e}.bb-stat-card.accent-red{border-left-color:#ef4444}.bb-stat-card.accent-amber{border-left-color:#f59e0b}.bb-stat-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.bb-stat-value{font-size:22px;font-weight:700;color:var(--text);line-height:1.2}.bb-tab-btn{padding:7px 16px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.bb-tab-btn.active{border-color:var(--sans-blue);background:var(--sans-blue);color:#fff}.bb-tab-btn:hover:not(.active){border-color:var(--sans-blue);color:var(--sans-blue)}.mut-positive{color:#16a34a;font-weight:700}.mut-negative{color:#dc2626;font-weight:700}.tx-bahan-notes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tx-bahan-chip{font-size:11px;padding:2px 7px;border-radius:20px;background:#f0f4ff;color:#3b5bdb;font-weight:600;white-space:nowrap}.rpt-date-range{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.rpt-date-range label{display:flex;align-items:center;gap:6px}.rpt-date-range input[type=date]{padding:6px 10px}.bb-btn-outline,.rpt-date-range input[type=date]{border-radius:8px;border:1.5px solid var(--line);background:var(--surface);font-size:13px;color:var(--text)}.bb-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.bb-btn-outline:hover{background:var(--surface-soft);border-color:var(--sans-blue)}.bb-btn-green{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;border:none;background:#16a34a;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.bb-btn-green:hover:not(:disabled){background:#15803d}.bb-btn-green:disabled{opacity:.5;cursor:not-allowed}.bb-low-stock{display:flex;align-items:center;gap:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius-sm);padding:10px 16px;font-size:13px;color:#9a3412;font-weight:500;margin-bottom:16px}.bb-table thead th{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.bb-low-stock td{background:#fff7ed}.bb-mat-name{font-weight:600;color:var(--text);font-size:13px}.bb-mat-sub{font-size:11px;color:var(--muted);margin-top:2px}.bb-supplier{font-size:12px;color:var(--muted)}.bb-price{font-size:13px;font-weight:600;color:var(--text)}.bb-min,.bb-unit{font-size:12px;color:var(--muted)}.bb-stock-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;background:#dcfce7;color:#15803d;font-size:12px;font-weight:700}.bb-stock-badge.low{background:#fee2e2;color:#dc2626}.bb-actions{display:flex;align-items:center;gap:6px}.bb-buy-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:none;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.bb-buy-btn:hover{background:#bfdbfe}.bb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.bb-icon-btn:hover{background:var(--surface-soft)}.bb-icon-btn.danger{color:#dc2626;border-color:#fecaca}.bb-icon-btn.danger:hover{background:#fee2e2;border-color:#dc2626}.bb-purchase-list{display:flex;flex-direction:column;gap:12px}.bb-purchase-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);overflow:hidden}.bb-purchase-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.bb-purchase-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.04em}.bb-purchase-supplier{font-weight:600;font-size:13px;color:var(--text)}.bb-purchase-meta{font-size:11px;color:var(--muted);margin-top:2px}.bb-purchase-total{font-size:15px;font-weight:700;color:var(--sans-blue)}.bb-purchase-method{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin-top:2px}.bb-purchase-items{padding:12px 18px;display:flex;flex-direction:column;gap:6px}.bb-purchase-item-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.bb-purchase-item-name{color:var(--text);font-weight:500}.bb-purchase-item-qty{color:var(--muted);font-size:12px}.bb-purchase-item-total{font-weight:600;color:var(--text)}.bb-material-modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:500px;padding:28px 28px 24px;display:flex;flex-direction:column;gap:0}.bb-mat-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:4px}.bb-mat-form-full{grid-column:1/-1}.bb-purchase-modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.bb-purchase-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.bb-purchase-modal-head h3{margin:0;font-size:16px;font-weight:700;color:var(--text)}.bb-purchase-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:16px 24px 0}.bb-items-section{padding:16px 24px;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.bb-items-header{display:flex;align-items:center;justify-content:space-between}.bb-items-header span{font-size:13px;font-weight:700;color:var(--text)}.bb-add-item-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:1.5px dashed var(--sans-blue);background:transparent;color:var(--sans-blue);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.bb-add-item-btn:hover{background:rgba(0,48,113,.06)}.bb-items-empty{text-align:center;color:var(--muted);font-size:13px;padding:20px 0;border:1.5px dashed var(--line);border-radius:var(--radius-sm)}.bb-items-list{display:flex;flex-direction:column;gap:8px}.bb-item-row{display:grid;grid-template-columns:1fr 85px 52px 95px auto 32px;grid-gap:8px;gap:8px;align-items:center}.bb-item-unit{color:var(--muted);padding-left:4px}.bb-item-subtotal,.bb-item-unit{font-size:12px;white-space:nowrap}.bb-item-subtotal{font-weight:600;color:var(--sans-blue)}.bb-payment-methods{display:flex;flex-direction:column;gap:8px;padding:0 24px}.bb-pay-opt{padding:6px 14px;border-radius:6px;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.bb-pay-opt:hover{border-color:var(--sans-blue);color:var(--sans-blue)}.bb-pay-opt.active{background:var(--sans-blue);border-color:var(--sans-blue);color:#fff}.bb-purchase-modal-card form>label.tax-field-label{display:block;padding:0 24px}.bb-purchase-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--line);background:var(--surface-soft);flex-shrink:0}.bb-purchase-footer-total{display:flex;flex-direction:column}.bb-purchase-footer-total span{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.bb-purchase-footer-total strong{font-size:18px;font-weight:800;color:var(--sans-blue)}@media (max-width:900px){.bb-stats{grid-template-columns:repeat(2,1fr)}.bb-item-row{grid-template-columns:1fr 75px 46px 80px auto 30px}}@media (max-width:600px){.bb-stats{grid-template-columns:1fr 1fr}.bb-item-row,.bb-mat-form-grid,.bb-purchase-form-grid{grid-template-columns:1fr}}.side-link.active,.side-link:hover{background:transparent!important}.side-link.active{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sidebar-scene img{filter:brightness(1)!important}.side-icon svg{display:block!important;width:16px!important;height:16px!important;flex-shrink:0!important}.toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar-actions button{padding:9px 18px;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.toolbar-actions button:not(.primary-action){background:rgba(1,39,108,.07);color:var(--sans-blue);border:1.5px solid rgba(1,39,108,.18)}.toolbar-actions button:not(.primary-action):hover{background:rgba(1,39,108,.13);border-color:rgba(1,39,108,.35);transform:translateY(-1px)}.toolbar-actions .primary-action{border:none}.product-modal-card{position:relative;background:var(--surface);border-radius:22px;padding:32px 28px 28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,10,40,.18);display:flex;flex-direction:column;gap:16px}.product-modal-card h2{font-size:1.25rem;font-weight:800;color:var(--text);margin:0 0 2px}.product-modal-card label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.product-modal-card input:not([type=checkbox]):not([type=file]),.product-modal-card select,.product-modal-card textarea{width:100%;padding:10px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:.88rem;font-weight:500;background:var(--surface-soft);color:var(--text);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.product-modal-card input:not([type=checkbox]):not([type=file]):focus,.product-modal-card select:focus,.product-modal-card textarea:focus{outline:none;border-color:var(--sans-blue);box-shadow:0 0 0 3px rgba(1,39,108,.08)}.product-modal-card .form-grid{grid-template-columns:1fr 1fr;gap:12px}.product-modal-card .check-row{flex-direction:row;align-items:center;gap:8px;text-transform:none;font-size:.84rem;font-weight:600;color:var(--text)}.product-modal-card .check-row input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--sans-blue);cursor:pointer}.product-modal-card input[type=file]{font-size:.82rem;color:var(--muted)}.product-modal-card .image-preview{width:100%;max-height:140px;object-fit:contain;border-radius:10px;border:1px solid var(--line)}.product-modal-card .form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.product-modal-card .form-actions button{padding:10px 22px;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;border:1.5px solid var(--line);background:var(--surface-soft);color:var(--text);transition:background .15s}.product-modal-card .form-actions .primary-action{border-color:transparent}.addon-form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.addon-form-row input,.addon-form-row select{flex:1 1;min-width:0;padding:9px 12px;border:1.5px solid var(--line);border-radius:9px;font-size:.84rem;background:var(--surface-soft);color:var(--text)}.addon-form-row .primary-action{flex-shrink:0;padding:9px 18px;font-size:.84rem}.addon-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.addon-list-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--line);font-size:.84rem}.addon-list-item span:first-child{flex:1 1;font-weight:600;color:var(--text)}.addon-type-chip{padding:2px 8px;border-radius:6px;background:rgba(0,48,113,.07);color:var(--sans-blue);font-size:.74rem;font-weight:700;white-space:nowrap}.export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#22c97a,#16a368);color:white;border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;flex-shrink:0}.export-btn:hover{opacity:.88;transform:translateY(-1px)}.export-btn:active{transform:scale(.96)}.rpt-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.rpt-kpi-card{background:white;border:1px solid #e4eaf3;border-radius:16px;padding:20px 22px;box-shadow:0 4px 16px rgba(0,24,63,.05);transition:transform .2s cubic-bezier(.34,1.4,.64,1),box-shadow .2s ease}.rpt-kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,24,63,.09)}.rpt-kpi-card .kpi-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7a94b8;margin-bottom:10px}.rpt-kpi-card .kpi-value{display:block;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:#00183f}.rpt-kpi-card.accent-blue{border-top:3px solid #3f7bd8}.rpt-kpi-card.accent-green{border-top:3px solid #22c97a}.rpt-kpi-card.accent-pink{border-top:3px solid #ff85a8}.rpt-kpi-card.accent-amber{border-top:3px solid #f7b731}.rpt-chart-card{background:white;border:1px solid #e4eaf3;border-radius:16px;padding:22px 24px 16px;margin-bottom:20px;box-shadow:0 4px 16px rgba(0,24,63,.05)}.rpt-chart-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.rpt-chart-head h2{margin:0 0 4px;font-size:.95rem;font-weight:700;color:#00183f}.rpt-chart-head>div>span{font-size:.74rem;color:#7a94b8;font-weight:500}.rpt-chart-head>strong{font-size:1.1rem;font-weight:800;color:#3f7bd8;letter-spacing:-.02em}.rpt-chart-svg{display:block;width:100%;height:auto;overflow:visible}.rpt-chart-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0}.rpt-chart-labels span{font-size:.68rem;color:#7a94b8;font-weight:600;text-align:center}.rpt-bottom-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.rpt-bottom-card{background:white;border:1px solid #e4eaf3;border-radius:16px;padding:22px 24px;box-shadow:0 4px 16px rgba(0,24,63,.05)}.rpt-bottom-card h2{margin:0 0 18px;font-size:.95rem;font-weight:700;color:#00183f}.rpt-bars{display:flex;flex-direction:column;gap:14px}.rpt-bar-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rpt-bar-meta>span:not(.rpt-rank-badge){flex:1 1;font-size:.82rem;color:#3a5070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpt-bar-meta>strong{font-size:.82rem;font-weight:700;color:#00183f;white-space:nowrap}.rpt-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:rgba(63,123,216,.12);color:#3f7bd8;font-size:.7rem;font-weight:800;flex-shrink:0}.rpt-bar-track{width:100%;height:6px;background:rgba(0,48,113,.06);border-radius:999px;overflow:hidden}.rpt-bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.rpt-bar-fill.blue{background:linear-gradient(90deg,#3f7bd8,#6fa3ec)}.rpt-bar-fill.pink{background:linear-gradient(90deg,#e4263f,#ff85a8)}.rpt-kpi-card:first-child{animation:fadeInUp .36s cubic-bezier(.22,1,.36,1) .04s both}.rpt-kpi-card:nth-child(2){animation:fadeInUp .36s cubic-bezier(.22,1,.36,1) .09s both}.rpt-kpi-card:nth-child(3){animation:fadeInUp .36s cubic-bezier(.22,1,.36,1) .14s both}.rpt-kpi-card:nth-child(4){animation:fadeInUp .36s cubic-bezier(.22,1,.36,1) .19s both}.rpt-chart-card{animation:fadeInUp .42s cubic-bezier(.22,1,.36,1) .22s both}.rpt-bottom-card{animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) .28s both}@media (max-width:900px){.rpt-kpi-grid{grid-template-columns:repeat(2,1fr)}.rpt-bottom-grid{grid-template-columns:1fr}}@media (max-width:560px){.rpt-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.rpt-kpi-card .kpi-value{font-size:1.1rem}}.tax-field-label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.tax-field-label input{padding:10px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:.88rem;font-weight:500;background:var(--surface-soft);color:var(--text);transition:border-color .15s;box-sizing:border-box}.tax-field-label input:focus{outline:none;border-color:var(--sans-blue);box-shadow:0 0 0 3px rgba(1,39,108,.08)}.tax-field-group{display:flex;flex-direction:column;gap:8px}.tax-field-label-row{display:flex;align-items:center;justify-content:space-between}.tax-field-label-text{font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.tax-type-toggle{display:flex;border:1.5px solid var(--line);border-radius:8px;overflow:hidden}.tax-type-toggle button{padding:4px 12px;font-size:.78rem;font-weight:700;background:var(--surface-soft);color:var(--muted);border:none;cursor:pointer;transition:background .15s,color .15s}.tax-type-toggle button+button{border-left:1.5px solid var(--line)}.tax-type-toggle button.active{background:var(--sans-blue);color:white}.tax-input{padding:10px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:.88rem;font-weight:500;background:var(--surface-soft);color:var(--text);transition:border-color .15s;box-sizing:border-box;width:100%}.tax-input:focus{outline:none;border-color:var(--sans-blue);box-shadow:0 0 0 3px rgba(1,39,108,.08)}.tax-preview{background:rgba(63,123,216,.06);border:1px solid rgba(63,123,216,.14);border-radius:10px;padding:12px 14px;font-size:.8rem;color:#3a5070;display:flex;flex-direction:column;gap:4px}.tax-preview span{font-size:.72rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.tax-preview strong{color:var(--sans-blue)}.receipt-modal-overlay{align-items:center}.receipt-modal-card{background:white;border-radius:18px;padding:24px 28px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,10,40,.18)}.receipt-print-area{font-family:Courier New,Courier,monospace;font-size:.82rem;color:#111;line-height:1.5}.receipt-shop-name{text-align:center;font-size:1rem;font-weight:700;letter-spacing:.04em;margin-bottom:2px}.receipt-meta{text-align:center;font-size:.75rem;color:#555}.receipt-divider{border-top:1px dashed #bbb;margin:10px 0}.receipt-row{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;padding:2px 0}.receipt-row.total{font-weight:700;font-size:.92rem}.receipt-row.discount span{color:#c0102a}.receipt-items{display:flex;flex-direction:column;gap:6px}.receipt-item-name{font-weight:600;font-size:.8rem}.receipt-item-row{display:flex;justify-content:space-between;font-size:.77rem;color:#444;padding-left:6px}.receipt-note{font-size:.77rem;color:#555;font-style:italic}.receipt-footer{text-align:center;font-size:.78rem;color:#555;margin-top:4px}.receipt-done-btn{padding:9px 20px;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;border:1.5px solid var(--line);background:var(--surface-soft);color:var(--text);transition:background .15s}.receipt-done-btn:hover{background:#edf3fb}.print-status-chip{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:20px;min-width:90px;text-align:center}.print-status-chip.idle{visibility:hidden}.print-status-chip.printing{background:#e8f0fe;color:#1a56db}.print-status-chip.ok{background:#d1fae5;color:#065f46}.print-status-chip.error{background:#fee2e2;color:#991b1b;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media print{body *{visibility:hidden!important}.receipt-print-area,.receipt-print-area *{visibility:visible!important}.receipt-print-area{position:fixed!important;top:0!important;left:0!important;width:80mm!important;padding:8mm!important;background:white!important;font-size:10pt!important}.invoice-print-area,.invoice-print-area *{visibility:visible!important}.invoice-print-area{position:fixed!important;top:0!important;left:0!important;width:100%!important;max-width:740px!important;padding:20mm 16mm!important;background:white!important;font-size:11pt!important}.no-print,.receipt-no-print{display:none!important}}.field-required-hint{font-size:11px;font-weight:500;color:#dc2626;margin-left:4px}.input-invalid{border-color:#fca5a5!important;background:#fff8f8!important}.input-invalid:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}.recipe-btn{font-size:12px;padding:4px 10px;background:#fffbe6;border:1px solid #f5d00a;border-radius:6px;color:#7a5500;cursor:pointer;font-weight:600;transition:background .15s}.recipe-btn:hover{background:#fff3b0}.recipe-modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.recipe-modal-head{display:flex;align-items:center;gap:10px;padding:20px 24px 16px;border-bottom:1px solid var(--line)}.recipe-modal-head .recipe-modal-icon{font-size:20px}.recipe-modal-head h2{flex:1 1;font-size:17px;margin:0;color:var(--text)}.recipe-modal-head .modal-close{margin-left:auto}.recipe-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;border-bottom:1px solid var(--line)}.recipe-kpi{display:flex;flex-direction:column;align-items:center;padding:14px 12px;border-right:1px solid var(--line)}.recipe-kpi:last-child{border-right:none}.recipe-kpi-label{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin-bottom:4px}.recipe-kpi-value{font-size:15px;font-weight:700;color:var(--text)}.recipe-kpi--hpp .recipe-kpi-value{color:#b45309}.recipe-kpi--margin .recipe-kpi-value{color:var(--muted)}.recipe-margin-pos{color:#16a34a!important}.recipe-margin-neg{color:#dc2626!important}.recipe-loading{padding:32px;text-align:center;color:var(--muted);font-size:14px}.recipe-items-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 8px;font-size:13px;font-weight:600;color:var(--text)}.recipe-add-btn{font-size:12px;padding:5px 12px;background:var(--sans-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.recipe-add-btn:hover{background:var(--sans-blue-2)}.recipe-empty{margin:8px 24px 16px;padding:16px;background:var(--surface-soft);border:1px dashed var(--line);border-radius:8px;text-align:center;font-size:13px;color:var(--muted)}.recipe-item-list{display:flex;flex-direction:column;gap:8px;padding:0 24px 8px}.recipe-item-row{display:grid;grid-template-columns:1fr 72px 48px 80px 88px 28px;grid-gap:6px;gap:6px;align-items:center}.recipe-item-row input[type=number],.recipe-item-row select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px;background:var(--surface-soft);color:var(--text);width:100%}.recipe-item-row input[type=number]{text-align:right}.recipe-item-unit{font-size:12px;color:var(--muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-item-cost{font-size:12px;font-weight:600;color:#b45309;text-align:right}.recipe-remove-btn{font-size:16px;line-height:1;background:none;border:none;color:#dc2626;cursor:pointer;padding:0;text-align:center}.recipe-remove-btn:hover{color:#991b1b}.recipe-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--line);margin-top:8px}.recipe-opts-divider{height:1px;background:var(--line);margin:4px 0}.recipe-add-btn--secondary{background:#f0fdf4;border:1px solid #86efac;color:#16a34a}.recipe-add-btn--secondary:hover{background:#dcfce7}.recipe-empty--secondary{color:#94a3b8;font-style:italic;font-size:12px}.recipe-opt-groups{display:flex;flex-direction:column;gap:12px;padding:0 24px 8px}.recipe-opt-group{background:#f8fafd;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.recipe-opt-group-head{display:flex;align-items:center;gap:8px}.recipe-opt-group-name{flex:1 1;padding:6px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600;background:#fff;color:var(--text)}.recipe-opt-item-list{display:flex;flex-direction:column;gap:6px}.recipe-opt-item-row{display:grid;grid-template-columns:68px 1fr 64px 44px 72px 72px 24px;grid-gap:5px;gap:5px;align-items:center}.recipe-opt-default{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);white-space:nowrap;cursor:pointer}.recipe-opt-default input[type=radio]{cursor:pointer}.recipe-opt-item-row input[type=number],.recipe-opt-item-row select{padding:5px 7px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:#fff;color:var(--text);width:100%}.recipe-opt-item-row input[type=number]{text-align:right}.recipe-add-opt-item-btn{font-size:11px;padding:4px 10px;background:transparent;border:1px dashed #94a3b8;border-radius:6px;color:var(--muted);cursor:pointer;align-self:flex-start}.recipe-add-opt-item-btn:hover{border-color:var(--sans-blue);color:var(--sans-blue);background:#f0f4ff}.low-stock-banner{background:#fff7ed;border-bottom:2px solid #f97316;padding:8px 24px;font-size:13px;color:#c2410c;display:flex;align-items:center;gap:8px;flex-wrap:wrap}