:root{color:#1d2c2a;font-synthesis:none;background:#f5f7f4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#0754a6;text-decoration:none;transition:color .15s,opacity .15s}a:hover{color:#064487;text-decoration:none}a:active{text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}::selection{color:#183d2e;background:#c9e9d7}:focus-visible{outline-offset:2px;outline:3px solid #4ba978}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.print-only{display:none}.mobile-nav{display:none!important}.cashier-shell{min-height:100vh;display:flex}.cashier-sidebar{color:#e7f4ec;background:#142d28;flex-direction:column;flex:none;width:231px;height:100vh;min-height:100vh;padding:25px 13px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 12px 36px;display:flex}.brand-mark{border:2px solid #b7eccb;border-radius:9px;align-items:flex-end;gap:3px;width:31px;height:31px;padding:5px;display:flex}.brand-mark span{background:#7dd5a3;border-radius:2px;width:4px;height:16px}.brand-mark span:nth-child(2){height:11px}.brand-mark span:nth-child(3){height:7px}.brand strong{letter-spacing:-.04em;font-size:21px;line-height:1;display:block}.brand strong span{color:#7dd5a3}.brand small{color:#a5c2af;margin-top:5px;font-size:11px;display:block}.sidebar-label{letter-spacing:.15em;color:#86a99a;padding:0 15px 11px;font-size:10px;font-weight:800}.cashier-sidebar nav{gap:4px;display:grid}.nav-item{color:#b7cbc0;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;min-height:46px;padding:0 14px;font-size:13px;font-weight:650;text-decoration:none;transition:background .16s,color .16s;display:flex}.nav-item:hover{color:#fff;background:#254039;text-decoration:none}.nav-item.active{color:#17472f;background:#d9f3df;text-decoration:none}.sidebar-help{color:#d6eadc;border-top:1px solid #335147;margin-top:auto;padding:20px 12px 4px;font-size:11px}.sidebar-help p{color:#9cb9a8;line-height:1.5}.sidebar-help a{color:#d5f4df;align-items:center;gap:7px;margin-top:16px;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.sidebar-help a:hover{color:#fff;text-decoration:none}.demo-dot{background:#8add9f;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #2e4e3a}.workspace{flex:1;min-width:0}.cashier-topbar{background:#fff;border-bottom:1px solid #e1e8e0;justify-content:space-between;align-items:center;gap:15px;height:73px;padding:0 35px;display:flex}.location{align-items:center;gap:11px;display:flex}.location-mark{color:#248451;background:#e3f4e8;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.location strong{font-size:13px;display:block}.location small{color:#7f9083;margin-top:3px;font-size:10px;display:block}.top-controls{align-items:center;gap:14px;display:flex}.top-controls .cashier-select{min-width:155px}.shift-pill{color:#6b746c;white-space:nowrap;background:#f2f2ee;border-radius:20px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:750;display:flex}.shift-pill span{background:#9da89d;border-radius:50%;width:7px;height:7px}.shift-pill.open{color:#17653b;background:#e4f6e9}.shift-pill.open span{background:#36a564}.cashier-content{max-width:1280px;margin:auto;padding:35px 35px 24px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.page-header h1{letter-spacing:-.03em;margin:0 0 7px;font-size:28px;line-height:1.2}.page-header p{color:#6e8172;margin:0;font-size:12px}.demo-label{letter-spacing:.12em;color:#46835d;white-space:nowrap;font-size:10px;font-weight:800}.alert{border-radius:9px;align-items:center;gap:10px;margin-bottom:17px;padding:12px 15px;font-size:12px;display:flex}.alert.error{color:#8b342c;background:#fceae7}.alert.success{color:#256747;background:#e4f4e9}.alert button{color:inherit;cursor:pointer;opacity:.9;background:0 0;border:0;margin-left:auto;font-weight:750;text-decoration:none;transition:opacity .15s}.alert button:hover{opacity:1;text-decoration:none}.loading-panel{text-align:center;color:#64806b;background:#fff;border:1px solid #e0e9e0;border-radius:13px;padding:80px 15px}.button{white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-size:12px;font-weight:750;transition:background .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{color:#fff;background:#176d45}.button-primary:hover:not(:disabled){background:#0f5636}.button-secondary{color:#28563b;background:#fff;border:1px solid #cbdccf}.button-secondary:hover:not(:disabled){background:#eaf3ec}.button-light{color:#1a613a;background:#e3f4e8}.button-light:hover{background:#c8ecd5}.button-large{width:100%;min-height:48px;font-size:13px}.shift-banner{color:#f2fff7;background:#1a5239;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;min-height:145px;padding:26px 30px;display:flex}.shift-banner-content{align-items:flex-start;gap:17px;display:flex}.shift-led{background:#8fe8a3;border-radius:50%;flex:none;width:11px;height:11px;margin-top:8px;box-shadow:0 0 0 5px #32714d}.shift-banner small{letter-spacing:.12em;color:#b5e9c3;font-size:10px;font-weight:800}.shift-banner h2{letter-spacing:-.02em;margin:7px 0 5px;font-size:22px;line-height:1.2}.shift-banner p{color:#d4ead8;margin:0;font-size:12px}.metric-line{background:#fff;border:1px solid #e0e9e0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0 21px;display:grid}.metric-line>div{border-right:1px solid #e9eee8;padding:18px 22px}.metric-line>div:last-child{border:0}.metric-line span{color:#728476;margin-bottom:8px;font-size:11px;display:block}.metric-line strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;line-height:1.1}.action-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.action-card{text-align:left;background:#fff;border:1px solid #deeadf;border-radius:13px;flex-direction:column;align-items:flex-start;gap:8px;min-height:155px;padding:23px;transition:transform .17s,border-color .17s,box-shadow .17s;display:flex}.action-card:hover{border-color:#b0d8ba;transform:translateY(-2px);box-shadow:0 8px 24px #193b2912}.action-icon{border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.action-icon.mint{color:#26784b;background:#e4f5e9}.action-icon.gold{color:#9a7229;background:#fff3dc}.action-card strong{letter-spacing:-.01em;justify-content:space-between;align-items:center;width:100%;margin-top:5px;font-size:15px;display:flex}.action-card small{color:#7d8c80;font-size:11px}.section-panel{background:#fff;border:1px solid #e0e8df;border-radius:13px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid #edf1eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px;display:flex}.panel-heading h2{margin:0 0 5px;font-size:15px}.panel-heading p{color:#849285;margin:0;font-size:11px;line-height:1.4}.compact-list{padding:0 24px}.compact-list button{text-align:left;color:#728278;background:0 0;border:0;border-bottom:1px solid #edf1eb;align-items:center;gap:17px;width:100%;min-height:63px;font-size:11px;display:flex}.compact-list button:last-child{border-bottom:0}.compact-list button:hover{background:#f8fbf8}.ticket-number{color:#283c2f;min-width:142px;font-size:12px;font-weight:750}.compact-list .status{margin-left:auto}.status{white-space:nowrap;border-radius:5px;padding:6px 8px;font-size:10px;font-weight:750}.status-green{color:#1b673f;background:#e2f4e7}.status-blue{color:#22618c;background:#e5f3fc}.status-amber{color:#8a6519;background:#fff1d5}.status-red{color:#a33d33;background:#fce9e6}.status-neutral{color:#5b7561;background:#eff3ef}.empty{text-align:center;color:#87a18c;flex-direction:column;align-items:center;padding:44px 20px;display:flex}.empty strong{color:#3b5741;margin:13px 0 0;font-size:13px}.empty p{color:#899b8b;max-width:250px;margin:6px 0 0;font-size:11px;line-height:1.5}.task-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.95fr);align-items:start;gap:20px;display:grid}.task-layout.checkout-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr)}.step-marker{color:#60846b;white-space:nowrap;background:#e9f4eb;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.task-form{gap:19px;padding:25px;display:grid}.task-form>label:not(.field-label),.shift-body>label,.deposit-card label,.cash-input-label{color:#40594a;gap:8px;font-size:11px;font-weight:700;display:grid}.task-form label span{color:#91a092;margin-left:5px;font-weight:500}.field-label{color:#40594a;font-size:11px;font-weight:700}.choice-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{text-align:left;color:#52715a;background:#fff;border:1px solid #dce6db;border-radius:10px;align-items:center;gap:13px;min-height:82px;padding:14px;display:flex}.choice:hover{border-color:#8ac59b}.choice.selected{background:#ecf8ef;border-color:#2a8a55;box-shadow:inset 0 0 0 2px #c5e9d0}.choice strong{color:#2b4935;font-size:13px;display:block}.choice small{color:#7b9782;margin-top:4px;font-size:10px;display:block}.choice-symbol{text-align:center;width:24px;font-size:18px;font-weight:900}.form-hint{color:#628069;align-items:center;gap:9px;margin:0;font-size:11px;line-height:1.5;display:flex}.task-form input,.shift-body input,.deposit-card input,.cash-input-label input,.search-box input{color:#2c4433;background:#fff;border:1px solid #d8e5d9;border-radius:8px;outline:none;min-height:42px;padding:0 12px;font-size:12px}.task-form input:focus,.shift-body input:focus,.deposit-card input:focus,.cash-input-label input:focus,.search-box input:focus{border-color:#31945c;box-shadow:0 0 0 3px #d9f0df}.task-form input::placeholder,.shift-body input::placeholder,.search-box input::placeholder{color:#90a295}.need-shift{text-align:center;color:#6e9677;flex-direction:column;align-items:center;padding:55px 25px;display:flex}.need-shift h3{color:#304b37;margin:13px 0 3px}.need-shift p{color:#819185;max-width:250px;font-size:12px;line-height:1.5}.need-shift .button{margin-top:12px}.ticket-preview{text-align:center;box-sizing:border-box;padding:25px;width:100%!important}.preview-head{text-align:left;box-sizing:border-box;border-bottom:1px dashed #aebdb0;justify-content:space-between;align-items:center;gap:8px;padding-bottom:17px;display:flex;width:100%!important}.preview-head span{letter-spacing:.1em;color:#68816f;font-size:9px;font-weight:800}.preview-head strong{color:#35513c;font-size:11px}.qr-wrap{background:#fff;border:1px solid #e2e8df;width:max-content;margin:28px auto 13px;padding:9px}.preview-number{letter-spacing:.02em;font-size:16px}.preview-details{color:#6d8372;box-sizing:border-box;border-top:1px dashed #aebdb0;border-bottom:1px dashed #aebdb0;justify-content:space-between;margin:20px 0;padding:14px 0;font-size:11px;display:flex;width:100%!important}.preview-gate{color:#27724a;box-sizing:border-box;background:#e8f5ec;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-bottom:19px;padding:11px;font-size:11px;display:flex;width:100%!important}.ticket-preview .button{width:100%!important}.task-column-left{flex-direction:column;gap:18px;min-width:0;display:flex}.task-column-right{flex-direction:column;align-self:start;gap:18px;min-width:0;display:flex;position:sticky;top:24px;width:100%!important}.preview-panel,.payment-panel{box-sizing:border-box;align-self:start;position:sticky;top:24px;width:100%!important}.payment-body{box-sizing:border-box;width:100%!important}@media (max-width:850px){.task-column-right,.preview-panel,.payment-panel{position:static}}.search-box{color:#73927b;border:1px solid #d7e6da;border-radius:9px;align-items:center;gap:10px;margin:23px 24px 20px;padding:0 13px;display:flex}.search-box:focus-within{border-color:#3b9a62;box-shadow:0 0 0 3px #dcefe1}.search-box input{box-shadow:none;border:0;flex:1;width:100%;min-height:49px;padding:0;font-size:13px}.search-box input:focus{box-shadow:none;border:0}.result-label{letter-spacing:.12em;color:#92a192;padding:0 24px 10px;font-size:10px;font-weight:800}.lookup-list{padding:0 14px 14px}.lookup-item{text-align:left;color:#829289;background:#fff;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:12px;display:flex}.lookup-item:hover{background:#f5faf6}.lookup-item.selected{background:#eaf6ed}.ticket-symbol{color:#3a7b50;background:#eef5ef;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.lookup-main{flex:1;min-width:0}.lookup-main strong{color:#324a37;font-size:12px;display:block}.lookup-main small{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.payment-body{padding:25px}.payment-ticket{border-bottom:1px solid #edf1eb;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.payment-ticket>strong{font-size:16px}.detail-grid{grid-template-columns:1fr 1fr;gap:17px;padding:21px 0;display:grid}.detail-grid span{color:#8a998a;margin-bottom:5px;font-size:10px;display:block}.detail-grid strong{color:#354a39;font-size:12px}.amount-due{background:#eff7f0;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin:0 0 23px;padding:17px;display:flex}.amount-due span{color:#40694a;font-size:12px;font-weight:650}.amount-due strong{letter-spacing:-.03em;color:#1a6540;font-variant-numeric:tabular-nums;font-size:22px}.cash-input-label input{font-variant-numeric:tabular-nums;min-height:49px;font-size:16px;font-weight:700}.change-row,.variance{color:#788c7b;justify-content:space-between;align-items:center;padding:18px 0 22px;font-size:11px;display:flex}.change-row strong,.variance strong{color:#324d38;font-variant-numeric:tabular-nums;font-size:15px}.inline-warning{color:#a16b21;margin-bottom:0;font-size:11px}.gate-confirm{border-top:1px solid #edf1eb;padding-top:21px}.gate-status{background:#e7f4e9;border-radius:8px;align-items:center;gap:11px;padding:14px;display:flex}.gate-light{background:#39ad61;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #caebd2}.gate-status strong{font-size:12px;display:block}.gate-status small{color:#63846d;margin-top:4px;font-size:10px;display:block}.gate-confirm p{color:#768b79;margin:17px 0;font-size:11px;line-height:1.5}.completed{text-align:center;color:#2b8a56;padding:31px 0 8px}.completed strong{color:#2f4c38;margin-top:12px;font-size:16px;display:block}.completed p{color:#7b907f;font-size:11px}.completed .button{margin-top:12px}.shift-body{padding:25px}.shift-figures{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px;display:grid}.shift-figures>div{background:#f5f9f5;border-radius:8px;min-height:77px;padding:14px}.shift-figures span{color:#7e9181;margin-bottom:9px;font-size:10px;display:block}.shift-figures strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:14px}.shift-body>label{margin-bottom:8px}.variance{border-bottom:1px solid #e8eee8;margin-bottom:18px}.negative{color:#a63f33!important}.deposit-stack{gap:12px;padding:10px 23px 23px;display:grid}.deposit-card{background:#f7faf7;border:1px solid #e6eee6;border-radius:9px;padding:16px}.deposit-card>div:first-child strong{font-size:12px;display:block}.deposit-card small{color:#91a092;margin-top:4px;font-size:10px;display:block}.deposit-stats{border-top:1px solid #e4eae3;border-bottom:1px solid #e4eae3;gap:9px;margin:14px 0;padding:14px 0;display:grid}.deposit-stats span{color:#748676;justify-content:space-between;font-size:11px;display:flex}.deposit-stats b{color:#3b5440;font-variant-numeric:tabular-nums}.deposit-card form{gap:12px;display:grid}.deposit-state{justify-content:space-between;align-items:center;font-size:13px;display:flex}.record-count{color:#849789;font-size:11px}.history-table{overflow-x:auto}.history-head,.history-row{grid-template-columns:1.2fr .9fr 1.3fr .9fr .9fr;align-items:center;gap:15px;min-width:700px;padding:14px 22px;display:grid}.history-head{color:#859588;background:#f8faf7;font-size:10px;font-weight:800}.history-row{text-align:left;color:#617667;background:#fff;border:0;border-top:1px solid #edf1eb;width:100%;font-size:11px}.history-row:hover{background:#f8fbf8}.history-row>strong{color:#2d4435}.history-row small{color:#9aaa9c;margin-top:4px;font-size:10px;display:block}.history-row .status{justify-self:start}.footer{color:#91a095;padding-top:26px;font-size:10px}.compact-row-link{text-align:left;color:#728278;background:0 0;border:0;border-bottom:1px solid #edf1eb;align-items:center;gap:17px;width:100%;min-height:63px;font-size:11px;text-decoration:none;transition:background .12s;display:flex}.compact-row-link:last-child{border-bottom:0}.compact-row-link:hover{background:#f4f8fb}.compact-row-link .status{margin-left:auto}.history-row-link{text-align:left;color:#617667;background:#fff;border:0;border-top:1px solid #edf1eb;grid-template-columns:1.2fr .9fr 1.3fr .9fr .9fr;align-items:center;gap:15px;min-width:700px;padding:14px 22px;font-size:11px;text-decoration:none;transition:background .12s;display:grid}.history-row-link:hover{background:#f4f8fb}.history-row-link>strong{color:#2d4435}.panel,.section-panel{background:#fff;border:1px solid #e1e9e2;border-radius:13px;min-width:0;margin-bottom:18px;overflow:hidden}.panel-head,.panel-heading{background:#fff;border-bottom:1px solid #edf1ed;justify-content:space-between;align-items:flex-start;gap:14px;padding:21px 24px;display:flex}.panel-head h2,.panel-heading h2{letter-spacing:-.015em;color:#1c3345;margin:0 0 4px;font-size:15px;font-weight:750}.panel-head p,.panel-heading p{color:#7b8b7f;margin:0;font-size:11px;line-height:1.45}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#5c7381;letter-spacing:.03em;white-space:nowrap;text-align:left;background:#fafbfd;border-bottom:1px solid #edf1eb;padding:12px 24px;font-size:10px;font-weight:750}th.numeric{text-align:right}td{color:#1c3345;vertical-align:middle;border-bottom:1px solid #edf1ed;padding:14px 24px;font-size:12px;line-height:1.4}td strong{color:#0a2947;font-size:12px;font-weight:700;display:block}td small{color:#5c7381;margin-top:3px;font-size:10px;display:block}td.numeric{text-align:right;font-variant-numeric:tabular-nums}tbody tr{transition:background .12s}tbody tr:hover{background:#f8fbfe}tbody tr:last-child td{border-bottom:0}.text-link{color:#0754a6;font-weight:700;text-decoration:none;transition:color .12s}.text-link:hover{color:#064487;text-decoration:underline}.badge{white-space:nowrap;letter-spacing:.01em;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.25;display:inline-flex}.badge-green{color:#16643d;background:#e4f5e9;border:1px solid #c0e7cc}.badge-blue{color:#205e8d;background:#e7f2fd;border:1px solid #bad8f5}.badge-amber{color:#805a11;background:#fff1d6;border:1px solid #fae0b2}.badge-red{color:#a43832;background:#fce9e6;border:1px solid #f8b4ab}.badge-neutral{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.history-row-link small{color:#9aaa9c;margin-top:4px;font-size:10px;display:block}.history-row-link .status{justify-self:start}.history-search-wrap{background:#f8fafc;border:1px solid #d8e5ed;border-radius:8px;align-items:center;gap:8px;min-width:280px;padding:0 12px;display:flex}.history-search-wrap input{color:#1c3345;background:0 0;border:0;outline:none;width:100%;padding:8px 0;font-size:11px}@media (max-width:1100px){.cashier-sidebar{width:205px}.cashier-content{padding:26px 20px}.cashier-topbar{padding:0 22px}.task-layout,.task-layout.checkout-layout{grid-template-columns:1fr 1fr}}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.burger-btn{color:#1c3345;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .14s;display:none}.burger-btn:hover{color:#0754a6;background:#f0f7fc;border-color:#bad8f5}.burger-btn:active{transform:translateY(1px)}.drawer-close-btn{color:#e5f1ec;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;padding:0;transition:all .14s;display:none}.drawer-close-btn:hover{color:#fff;background:#ffffff29}.drawer-overlay{-webkit-backdrop-filter:blur(3px);z-index:998;background:#0a1b18a6;animation:.2s drawerFadeIn;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:850px){.burger-btn,.drawer-close-btn{display:inline-flex!important}.cashier-shell{display:block!important}.cashier-sidebar{z-index:999!important;width:280px!important;max-width:85vw!important;height:100dvh!important;box-shadow:none!important;box-sizing:border-box!important;flex-direction:column!important;padding:24px 16px 20px!important;transition:transform .28s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;transform:translate(-100%)!important}.cashier-sidebar.drawer-open{transform:translate(0)!important;box-shadow:8px 0 32px #00000073!important}.brand{border-bottom:1px solid #ffffff1a!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important;padding:0 0 16px!important;display:flex!important}.sidebar-label{letter-spacing:.12em!important;color:#7dd5a3!important;margin-bottom:8px!important;padding:0 4px!important;font-size:10px!important;font-weight:800!important;display:block!important}.cashier-sidebar nav{flex-direction:column!important;gap:4px!important;padding:0!important;display:flex!important;overflow-x:visible!important}.nav-item{box-sizing:border-box!important;color:#a7c1b7!important;background:0 0!important;border-radius:9px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:42px!important;padding:11px 14px!important;font-size:13px!important;font-weight:700!important;transition:all .14s!important;display:flex!important}.nav-item:hover{color:#fff!important;background:#ffffff14!important}.nav-item.active{color:#fff!important;background:#19845e!important;box-shadow:0 2px 8px #0003!important}.sidebar-help{border-top:1px solid #ffffff1a!important;margin-top:auto!important;padding-top:16px!important;display:block!important}.mobile-nav{display:none!important}.task-layout,.task-layout.checkout-layout{grid-template-columns:1fr}.cashier-topbar{gap:12px;height:54px;padding:0 18px}}@media (max-width:640px){.cashier-content{padding:16px 14px}.cashier-topbar{height:52px;padding:0 14px}.location{flex:1;gap:8px;min-width:0}.location-mark{border-radius:7px;width:32px;height:32px}.location strong{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:13px;overflow:hidden}.location small{font-size:9px}.top-controls{flex:none;align-items:center;gap:8px;display:flex}.cashier-name{display:none}.shift-pill{padding:5px 8px;font-size:10px}.page-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.page-header h1{margin:0 0 4px;font-size:21px}.page-header p{font-size:12px;line-height:1.4}.page-header .record-count,.page-header .button{align-self:flex-start}.panel-heading{flex-wrap:wrap;padding:16px 14px}.task-form,.payment-body,.shift-body,.ticket-preview{padding:18px 14px}.search-box{margin:14px}.shift-banner{border-radius:12px;padding:18px 16px}.shift-banner h2{font-size:18px}}@media (max-width:850px){.cashier-content button,.cashier-content input{min-height:40px}}.printer-pill,.gate-btn-config{appearance:none;color:#1c3345;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e5ed;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:11px;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 1px 3px #0a29470a}.printer-pill:hover,.gate-btn-config:hover{background:#f6fafd;border-color:#a2c8de;transform:translateY(-1px);box-shadow:0 3px 8px #0a294714}.printer-pill:active,.gate-btn-config:active{transform:translateY(0)}.printer-pill.connected{color:#16643d;background:#e4f5e9;border-color:#bce6c9}.printer-pill .printer-dot{background:#94a3b8;border-radius:50%;flex:none;width:7px;height:7px}.printer-pill.connected .printer-dot{background:#16a34a;box-shadow:0 0 0 3px #bbf7d0}.gate-btn-config{color:#0754a6;background:#f3f9fc;border-color:#cadfe9}.gate-btn-config:hover{color:#064487;background:#e8f4fa;border-color:#8ec1dd}.gate-console-card,.dispenser-console-card{background:#fff;border:1px solid #d8e5ed;border-radius:13px;gap:16px;padding:20px;display:grid;box-shadow:0 2px 8px #0a29470a}.gate-console-header,.dispenser-console-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.gate-tag-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.gate-direction-pill{letter-spacing:.08em;border-radius:5px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.gate-direction-pill.entry{color:#0754a6;background:#e8f4fa}.gate-direction-pill.exit{color:#334155;background:#f0f4f8}.gate-direction-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.gate-status-chip{letter-spacing:.06em;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:800}.gate-status-chip.open{color:#16643d;background:#e4f5e9;border:1px solid #bce6c9}.gate-status-chip.locked{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.gate-header-info h3,.dispenser-title-group h3{color:#1c3345;margin:0;font-size:14px;font-weight:750}.gate-header-info p,.dispenser-title-group p{color:#5c7381;margin:3px 0 0;font-size:11px}.gate-header-telemetry{align-items:center;gap:8px;display:flex}.telemetry-pill{letter-spacing:.05em;color:#475569;background:#f8fafc;border:1px solid #d8e5ed;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.telemetry-pill.simulator{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.telemetry-pill.serial{color:#92400e;background:#fef3c7;border-color:#fde68a}.telemetry-pill.network{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.gate-settings-icon-btn{color:#5c7381;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:7px;place-items:center;width:28px;height:28px;transition:all .14s;display:grid}.gate-settings-icon-btn:hover{color:#0754a6;background:#e8f4fa;border-color:#8ec1dd}.barrier-schematic-box{background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:10px;align-items:flex-end;height:165px;padding:0 20px;display:flex;position:relative;overflow:hidden}.schematic-road{background:#1e293b;border-top:2px dashed #475569;justify-content:center;align-items:center;height:42px;display:flex;position:absolute;inset:auto 0 0}.schematic-loop{z-index:2;border:2px dashed #64748b;border-radius:4px;justify-content:center;align-items:center;width:170px;height:26px;transition:all .2s;display:flex;position:relative}.schematic-loop.active{background:#38bdf833;border-color:#38bdf8;box-shadow:0 0 16px #38bdf873}.loop-info{color:#94a3b8;letter-spacing:.08em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.schematic-loop.active .loop-info{color:#38bdf8}.loop-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.traffic-signal-post{z-index:4;flex-direction:column;align-items:center;display:flex;position:absolute;top:14px;left:20px}.signal-head{background:#0f172a;border-radius:6px;gap:5px;width:22px;padding:5px 3px;display:grid;box-shadow:0 4px 10px #0000004d}.signal-lens{opacity:.22;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-weight:900;transition:all .2s;display:grid}.signal-lens.red{color:#fff;background:#ef4444}.signal-lens.red.active{opacity:1;box-shadow:0 0 10px #ef4444}.signal-lens.green{color:#fff;background:#22c55e}.signal-lens.green.active{opacity:1;box-shadow:0 0 10px #22c55e}.signal-pole{background:#334155;border-radius:1px;width:4px;height:50px}.barrier-housing-unit{z-index:5;background:#0a2947;border-radius:7px 7px 0 0;width:50px;height:104px;margin-left:55px;position:relative;box-shadow:-3px 0 8px #00000040}.housing-cap{background:#0754a6;border-radius:7px 7px 0 0;justify-content:center;align-items:center;height:16px;display:flex}.beacon-led{border-radius:50%;width:6px;height:6px;transition:all .2s}.beacon-led.green{background:#22c55e;box-shadow:0 0 8px #22c55e}.beacon-led.red{background:#ef4444;box-shadow:0 0 8px #ef4444}.housing-chassis{flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.housing-logo{color:#7ea4c4;letter-spacing:.08em;margin-top:10px;font-size:6px;font-weight:900}.housing-slit{background:#163e66;border-radius:1px;width:26px;height:2px}.boom-pivot{z-index:6;background:#94a3b8;border:3px solid #0754a6;border-radius:50%;width:16px;height:16px;position:absolute;top:20px;left:35px}.boom-arm{transform-origin:0;border-radius:2px;width:250px;height:8px;transition:transform .45s cubic-bezier(.34,1.4,.64,1);display:flex;position:absolute;top:4px;left:5px;box-shadow:0 4px 8px #00000040}.boom-arm.closed{transform:rotate(0)}.boom-arm.open{transform:rotate(-72deg)}.boom-body{flex:1;height:100%;display:flex}.stripe{flex:1;height:100%}.stripe.r1,.stripe.r2,.stripe.r3,.stripe.r4{background:#dc2626}.stripe.w1,.stripe.w2,.stripe.w3{background:#fff}.boom-tip{background:#facc15;border-radius:0 2px 2px 0;width:10px;height:8px;box-shadow:0 0 6px #facc1599}.gate-console-footer{border-top:1px solid #edf3f7;justify-content:space-between;align-items:center;gap:14px;padding-top:4px;display:flex}.gate-telemetry-metrics{flex-wrap:wrap;gap:14px;display:flex}.metric-chip{align-items:center;gap:5px;font-size:11px;display:flex}.metric-chip .chip-label{color:#5c7381;font-size:10px;font-weight:600}.highlight-cyan{color:#087e95;font-weight:800}.button-gate-sm{min-height:34px;padding:0 12px;font-size:11px}.dispenser-console-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.dispenser-title-group{align-items:center;gap:11px;min-width:0;display:flex}.dispenser-title-text{min-width:0}.dispenser-title-text h3{color:#1c3345;margin:0;font-size:13px;font-weight:750}.dispenser-title-text p{color:#5c7381;margin:2px 0 0;font-size:11px}.dispenser-status-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dispenser-pill{color:#1c3345;background:#fff;border:1px solid #d8e5ed;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.dispenser-pill.ok{color:#16643d;background:#e4f5e9;border-color:#bce6c9}.dispenser-pill.ok .dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.dispenser-pill.out{color:#a43832;background:#fce9e6;border-color:#f8b4ab}.dispenser-pill.count{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.dispenser-body-canvas{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.kiosk-terminal-unit{background:#f8fafc;border:1px solid #d8e5ed;border-radius:11px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.kiosk-lcd-screen{color:#fff;background:#0a2947;border:1px solid #00b8c8;border-radius:8px;padding:9px 12px;box-shadow:inset 0 0 10px #00b8c826}.lcd-header{color:#00b8c8;letter-spacing:.08em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.lcd-status-dot{background:#00b8c8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #00b8c8}.lcd-prompt{color:#fff;letter-spacing:.02em;margin:3px 0 1px;font-size:12px;font-weight:800;display:block}.lcd-sub{color:#94c4df;letter-spacing:.03em;font-size:9px;display:block}.kiosk-ticket-ejector{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;height:24px;display:flex;position:relative}.slot-opening{background:#334155;border-radius:2px;width:90px;height:4px}.ejected-ticket-flag{color:#fff;letter-spacing:.06em;background:#0754a6;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:-15px}.kiosk-push-buttons{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.kiosk-action-btn{appearance:none;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:11px 8px;transition:all .14s;display:flex;position:relative;box-shadow:0 2px 4px #0a29470a}.kiosk-action-btn:hover:not(:disabled){border-color:#0754a6;transform:translateY(-2px);box-shadow:0 6px 14px #0754a624}.kiosk-action-btn:active:not(:disabled){transform:translateY(0)}.kiosk-action-btn.car{color:#0754a6}.kiosk-action-btn.bike{color:#087e95}.btn-icon-wrap{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.kiosk-action-btn.car .btn-icon-wrap{color:#0754a6;background:#e8f4fa}.kiosk-action-btn.bike .btn-icon-wrap{color:#087e95;background:#e6f7f9}.motor-badge{color:#fff;background:#087e95;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:grid}.btn-label-group strong{color:#1c3345;font-size:11px;font-weight:800;display:block}.btn-label-group small{color:#5c7381;margin-top:1px;font-size:9px;display:block}.sparkle-hint{opacity:.5;position:absolute;top:6px;right:6px}.dispenser-telemetry-box{background:#fff;border:1px solid #d8e5ed;border-radius:11px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.telemetry-inner-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}@media (max-width:700px){.telemetry-inner-grid{grid-template-columns:1fr}}.telemetry-row .telemetry-label{color:#5c7381;letter-spacing:.08em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.paper-level-gauge{align-items:center;gap:8px;width:100%;display:flex}.gauge-track{background:#e2e8f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.gauge-fill{height:100%;transition:width .3s}.gauge-fill.full{background:linear-gradient(90deg,#00b8c8,#0754a6)}.gauge-fill.empty{background:#ef4444}.paper-level-gauge strong{color:#1c3345;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.sensor-status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.sensor-light{border-radius:50%;flex:none;width:8px;height:8px}.sensor-light.detected{background:#00b8c8;box-shadow:0 0 0 3px #bfe9ee}.sensor-light.ready{background:#94a3b8}.sensor-status-card strong{color:#1c3345;font-size:11px;display:block}.sensor-status-card small{color:#5c7381;margin-top:1px;font-size:9px;display:block}.button-passage{width:100%;min-height:38px;font-size:11px;font-weight:750}.dispenser-instruction-hint{color:#64748b;text-align:center;padding:4px 0;font-size:10px}.kiosk-mark{color:#0754a6;background:#e8f4fa;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.gate-manual-override{border-top:1px dashed #d8e5ed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.button-emergency{appearance:none;color:#a43832;cursor:pointer;background:#fff;border:1px solid #f8b4ab;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:11px;font-weight:750;transition:all .14s;display:inline-flex}.button-emergency:hover{color:#87201b;background:#fce9e6;border-color:#ea7363}.button-emergency-confirm{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:8px;align-items:center;gap:8px;min-height:39px;padding:0 16px;font-size:12px;font-weight:750;display:inline-flex}.button-emergency-confirm:hover:not(:disabled){background:#b91c1c}.printer-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0a2947a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.printer-modal-card{background:#fff;border:1px solid #d8e5ed;border-radius:14px;flex-direction:column;width:100%;max-width:580px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 56px #0a294747}.gate-modal-card{max-width:680px}.emergency-modal-card{max-width:520px}.printer-modal-header{background:#fafcfd;border-bottom:1px solid #d8e5ed;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.printer-modal-title-group{align-items:center;gap:12px;display:flex}.printer-icon-wrap{color:#0754a6;background:#e8f4fa;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.printer-icon-wrap.connected{color:#16643d;background:#e4f5e9}.emergency-icon-wrap{color:#dc2626;background:#fce9e6}.printer-modal-header h2{color:#1c3345;margin:0 0 3px;font-size:15px;font-weight:750}.printer-modal-header p{color:#5c7381;margin:0;font-size:11px}.printer-close-btn{color:#5c7381;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .12s;display:grid}.printer-close-btn:hover{color:#0754a6;background:#e8f4fa}.printer-modal-body{gap:18px;padding:22px 24px;display:grid;overflow-y:auto}.printer-status-box{border-radius:10px;align-items:center;gap:12px;padding:13px 16px;font-size:11px;display:flex}.printer-status-box.success{color:#16643d;background:#e4f5e9;border:1px solid #bce6c9}.printer-status-box.info{color:#0754a6;background:#e8f4fa;border:1px solid #bad8ea}.printer-status-box.warning{color:#805a11;background:#fff1d6;border:1px solid #f6deb2}.status-text strong{margin-bottom:2px;font-size:12px;display:block}.status-text small{opacity:.9;font-size:10px;display:block}.printer-alert{border-radius:8px;padding:10px 14px;font-size:11px;font-weight:650}.printer-alert.success{color:#16643d;background:#e4f5e9;border:1px solid #bce6c9}.printer-alert.error{color:#a43832;background:#fce9e6;border:1px solid #f8b4ab}.section-label{color:#5c7381;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.printer-choice-grid,.gate-controller-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.printer-choice-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:10px;gap:6px;padding:14px;transition:all .15s;display:grid}.printer-choice-card:hover{background:#f8fbfe;border-color:#8ec1dd}.printer-choice-card.active{background:#f0f7fc;border-color:#0754a6;box-shadow:inset 0 0 0 2px #bfe9ee}.choice-head{color:#1c3345;align-items:center;gap:8px;font-size:12px;font-weight:750;display:flex}.choice-head .check-mark{color:#0754a6;margin-left:auto}.printer-choice-card small{color:#5c7381;font-size:10px;line-height:1.4}.hardware-controls,.gate-test-section{background:#f8fafc;border:1px solid #d8e5ed;border-radius:10px;padding:16px}.serial-actions-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.button-connect{flex:1;min-width:200px}.button-disconnect{color:#a43832;border-color:#f8b4ab}.button-disconnect:hover{background:#fce9e6}.baud-selector{color:#1c3345;align-items:center;gap:8px;font-size:11px;display:flex}.baud-selector select{color:#1c3345;background:#fff;border:1px solid #d8e5ed;border-radius:7px;padding:7px 11px;font-size:11px}.printer-options-grid,.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.paper-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.paper-btn{text-align:center;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:8px;padding:10px;transition:all .14s}.paper-btn:hover{background:#f8fbfe;border-color:#8ec1dd}.paper-btn.active{color:#0754a6;background:#e8f4fa;border-color:#0754a6;font-weight:800;box-shadow:0 0 0 1px #0754a6}.paper-btn strong{font-size:12px;display:block}.paper-btn small{color:#5c7381;margin-top:2px;font-size:9px;display:block}.auto-print-toggles{gap:8px;display:grid}.printer-checkbox-label{color:#1c3345;cursor:pointer;align-items:center;gap:9px;font-size:11px;display:flex}.printer-checkbox-label input{accent-color:#0754a6;width:16px;height:16px}.printer-modal-footer{background:#fafcfd;border-top:1px solid #d8e5ed;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gate-tab-selector{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gate-controller-selector{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:850px){.gate-controller-selector{grid-template-columns:1fr}}.form-row{grid-template-columns:1fr 1fr;gap:18px 20px;margin-bottom:4px;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr;gap:16px}}.gate-tab-btn{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:10px;padding:12px 14px;transition:all .14s}.gate-tab-btn:hover{background:#f8fbfe;border-color:#8ec1dd}.gate-tab-btn strong{color:#1c3345;font-size:12px;display:block}.gate-tab-btn small{color:#5c7381;margin-top:2px;font-size:10px;display:block}.gate-tab-btn.active{background:#f0f7fc;border-color:#0754a6;box-shadow:inset 0 0 0 2px #bfe9ee}.gate-tab-btn.active strong{color:#0754a6}.gate-input-label{color:#1c3345;gap:8px;font-size:11px;font-weight:700;display:grid}.gate-input-label input,.gate-input-label select{color:#1c3345;box-sizing:border-box;background:#fff;border:1px solid #d8e5ed;border-radius:8px;width:100%;min-height:40px;padding:10px 13px;font-size:12px}.gate-input-label input:focus,.gate-input-label select:focus{border-color:#087e95;outline:0;box-shadow:0 0 0 3px #bfe9ee}.gate-input-label small{color:#5c7381;font-size:10px;font-weight:500}.gate-test-buttons{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.protocol-preset-chips{flex-wrap:wrap;gap:8px;margin:6px 0 10px;display:flex}.protocol-chip{appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:6px;padding:6px 11px;font-size:10px;font-weight:750;transition:all .14s}.protocol-chip:hover{color:#0754a6;background:#f8fbfe;border-color:#8ec1dd}.protocol-chip.active{color:#0754a6;background:#e8f4fa;border-color:#0754a6;box-shadow:0 0 0 1px #0754a6}.emergency-modal-header{background:#fff8f8;border-bottom-color:#fed7d7}.emergency-warning-banner{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;align-items:flex-start;gap:12px;padding:13px;font-size:11px;display:flex}.emergency-warning-banner .warn-icon{color:#e11d48;flex:none;margin-top:1px}.emergency-warning-banner strong{margin-bottom:2px;font-size:12px;display:block}.emergency-warning-banner small{line-height:1.4;display:block}.emergency-reasons-list{gap:8px;margin-top:6px;display:grid}.emergency-reason-item{color:#1c3345;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:11px;font-weight:650;transition:all .14s;display:flex}.emergency-reason-item:hover{background:#f8fbfe;border-color:#8ec1dd}.emergency-reason-item.selected{color:#991b1b;background:#fff5f5;border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.emergency-reason-item input{accent-color:#dc2626}.device-panel-card{margin-top:10px}.device-tabs-nav{background:#f8fafc;border-bottom:1px solid #edf1eb;align-items:center;gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.device-tab-btn{appearance:none;color:#5c7381;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.device-tab-btn:hover{color:#0754a6;background:#edf5fb}.device-tab-btn.active{color:#0754a6;background:#fff;border-color:#bad8f5;box-shadow:0 2px 6px #0a29470f}.device-tab-content{padding:24px}.device-two-col{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:28px;display:grid}.device-config-col,.device-status-col{min-width:0}.device-section-title{margin-bottom:18px}.device-section-title h3{color:#1c3345;margin:0 0 4px;font-size:15px;font-weight:750}.device-section-title p{color:#7b8b7f;margin:0;font-size:11px;line-height:1.45}.device-form{gap:22px;display:grid}.device-field-group{gap:10px;display:grid}.device-sub-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:18px;padding:18px 20px;display:grid}.preset-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-label{color:#61766a;font-size:10px;font-weight:700}.btn-sm{min-height:30px!important;padding:0 10px!important;font-size:10px!important}.hardware-telemetry-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:12px;padding:16px 18px;display:grid}.telemetry-row{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.telemetry-row:last-child{border-bottom:0;padding-bottom:0}.telemetry-label{color:#61766a;font-size:11px;font-weight:600}.telemetry-val{color:#1c3345;font-size:12px;font-weight:750}.device-action-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:18px;padding:18px}.device-action-box h4{color:#1c3345;margin:0 0 12px;font-size:12px;font-weight:750}.device-btn-group{flex-direction:column;gap:10px;display:flex}.button-danger-outline{color:#e11d48;background:#fff;border:1px solid #fecdd3}.button-danger-outline:hover:not(:disabled){background:#fff1f2;border-color:#fda4af}.paired-device-card{background:#f8fafc;border:1px solid #d8e5ed;border-radius:12px;gap:14px;padding:16px 20px;display:grid}.paired-card-header{align-items:center;gap:14px;display:flex}.paired-icon-wrap{color:#0754a6;background:#e7f2fd;border-radius:11px;flex:none;place-items:center;width:46px;height:46px;display:grid}.paired-main-info{flex:1;min-width:0}.paired-device-name{color:#1c3345;font-size:14px;font-weight:750;display:block}.paired-meta-text{color:#61766a;margin-top:3px;font-size:11px;display:block}.paired-actions-bar{border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;display:flex}.pairing-section-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:18px 20px}.pairing-method-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:10px;padding:16px}.printer-status-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:16px 18px;display:flex}.printer-status-icon{color:#0754a6;background:#e7f2fd;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.printer-status-box strong{color:#1c3345;font-size:13px;display:block}.printer-status-box p{color:#61766a;margin:2px 0 0;font-size:11px}.receipt-mockup{background:#fff;border:1px solid #d8e2d9;border-radius:10px;margin:0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:relative;overflow:hidden;box-shadow:0 4px 14px #0a29470f}.receipt-mockup.paper-58{max-width:280px;font-size:10px}.receipt-mockup.paper-80{max-width:340px;font-size:11px}.receipt-mockup-inner{color:#1c3345;padding:18px 16px}.receipt-header{text-align:center;margin-bottom:12px}.receipt-header strong{letter-spacing:.05em;font-size:13px;display:block}.receipt-header small{color:#61766a;margin-top:2px;font-size:9px;display:block}.receipt-line-double{border-top:2px solid #1c3345;margin:8px 0}.receipt-line-dashed{border-top:1px dashed #7b8b7f;margin:8px 0}.receipt-title{letter-spacing:.05em;text-align:center;margin:6px 0;font-size:11px;font-weight:750}.receipt-rows{gap:5px;display:grid}.receipt-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.receipt-row.total strong{font-size:13px}.receipt-footer{text-align:center;margin-top:10px}.receipt-footer strong{letter-spacing:.03em;font-size:10px;display:block}.receipt-footer small{color:#7b8b7f;margin-top:3px;font-size:9px;display:block}.receipt-cut-edge{background:repeating-linear-gradient(45deg,#0000,#0000 5px,#f1f5f9 5px 10px);border-top:1px dashed #cbd5e1;height:6px}@media (max-width:900px){.device-two-col{grid-template-columns:1fr}}@media print{body{background:#fff;margin:0;padding:0}.cashier-sidebar,.workspace,.printer-modal-overlay{display:none!important}.print-only{text-align:center;color:#000;box-sizing:border-box;margin:0 auto;padding:4mm 2mm;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block!important}.print-only.paper-58{width:56mm;max-width:56mm;font-size:10px}.print-only.paper-80{width:76mm;max-width:76mm;font-size:11px}.print-only h1{text-transform:uppercase;margin:0 0 2px;font-size:15px;font-weight:900}.print-only h2{margin:4px 0;font-size:12px;font-weight:750}.print-only .print-meta{margin:2px 0 6px;font-size:9px}.print-only .print-divider{border-top:1px dashed #000;margin:6px 0}.print-only .print-double-divider{border-top:2px solid #000;margin:6px 0}.print-only .print-row{justify-content:space-between;margin:3px 0;font-size:10px;display:flex}.print-only .print-row.bold{font-size:11px;font-weight:800}.print-only .print-number{letter-spacing:1px;margin:6px 0;font-size:16px;font-weight:900}.print-only .print-footer{margin-top:8px;font-size:9px;line-height:1.4}.print-only svg{margin:6px auto;display:block}}
.parking-select-field{gap:6px;min-width:0;display:grid}.parking-select-field>label{color:#4b6253;cursor:pointer;font-size:11px;font-weight:650;line-height:1.25}.parking-select-field>.parking-select-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.parking-select-trigger{appearance:none;color:#2c4436;width:100%;min-height:39px;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8e2d9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 11px;font-size:12px;display:flex}.parking-select-trigger:hover{background:#fbfdfb;border-color:#88b39c}.parking-select-trigger:focus-visible{outline-offset:2px;border-color:#19845e;outline:3px solid #57b594}.parking-select-trigger[data-placeholder]{color:#718575}.parking-select-trigger[data-disabled]{opacity:.55;cursor:not-allowed}.parking-select-chevron{color:#6e8979;flex:none;place-items:center;transition:transform .16s;display:grid}.parking-select-trigger[data-state=open] .parking-select-chevron{transform:rotate(180deg)}.parking-select-content{z-index:1000;min-width:var(--radix-select-trigger-width);max-height:min(320px,var(--radix-select-content-available-height));background:#fff;border:1px solid #d6e4d9;border-radius:10px;animation:.16s cubic-bezier(.2,.8,.2,1) parking-select-open;overflow:hidden;box-shadow:0 12px 32px #1c3e2c24}.parking-select-viewport{padding:5px}.parking-select-item{color:#304637;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;min-height:38px;padding:8px 34px 8px 11px;font-size:12px;line-height:1.3;display:flex;position:relative}.parking-select-item[data-highlighted]{color:#155a3d;background:#eaf5ed}.parking-select-item[data-state=checked]{font-weight:700}.parking-select-item[data-disabled]{opacity:.45;cursor:not-allowed}.parking-select-check{color:#168052;place-items:center;display:grid;position:absolute;right:10px}.parking-select-field--dark>label{color:#a7c7b8;letter-spacing:.08em;font-size:10px;font-weight:750}.parking-select-field--dark .parking-select-trigger{color:#fff;background:#25483b;border-color:#42665a;min-height:44px;font-weight:700}.parking-select-field--dark .parking-select-trigger:hover{background:#2e5848;border-color:#729a83}.parking-select-field--dark .parking-select-chevron{color:#c5ddce}@media (max-width:850px){.parking-select-trigger,.parking-select-item{min-height:44px}}@media (prefers-reduced-motion:reduce){.parking-select-content{animation:none}.parking-select-chevron{transition:none}}@keyframes parking-select-open{0%{opacity:.7;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.empty{text-align:center;color:#5c7381;flex-direction:column;align-items:center;padding:42px 20px;display:flex}.empty-icon{color:#5c7381;justify-content:center;align-items:center;display:flex}.empty strong{color:#1c3345;margin:13px 0 0;font-size:13px}.empty p{color:#5c7381;max-width:260px;margin:6px 0 0;font-size:11px;line-height:1.5}.empty-action{justify-content:center;margin-top:14px;display:flex}.data-pagination{color:#5c7381;background:#fff;border-top:1px solid #edf1ed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;font-size:11px;display:flex}.pagination-info{align-items:center;gap:6px;display:flex}.pagination-info strong{color:#1c3345;font-variant-numeric:tabular-nums}.pagination-limit-wrap{align-items:center;gap:6px;margin-left:6px;display:flex}.pagination-parking-select{width:68px}.pagination-parking-select .parking-select-trigger{background:#fff;border-color:#d8e5ed;border-radius:6px;min-height:30px;padding:0 8px;font-size:11px;font-weight:650}.pagination-parking-select .parking-select-trigger:hover{border-color:#0754a6}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{color:#1c3345;cursor:pointer;background:#fff;border:1px solid #d8e5ed;border-radius:6px;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:0 6px;font-size:11px;font-weight:650;transition:all .14s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#0754a6;background:#f0f7fc;border-color:#0754a6}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{color:#fff;background:#0754a6;border-color:#0754a6;font-weight:750}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-ellipsis{color:#94a3b8;padding:0 4px}.sortable-th{-webkit-user-select:none;user-select:none;padding:0!important}.sortable-th.numeric{text-align:right}.sortable-header-btn{appearance:none;width:100%;height:100%;min-height:38px;font:inherit;letter-spacing:.03em;color:#5c7381;cursor:pointer;text-align:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:12px 20px;font-size:10px;font-weight:750;transition:color .14s;display:inline-flex}.sortable-header-btn:hover,.sortable-header-btn.active{color:#0754a6}.sortable-header-btn.justify-end{justify-content:flex-end}.sortable-header-btn.justify-center{justify-content:center}.sortable-th.text-right .sortable-header-btn{justify-content:flex-end}.sort-icon-wrap{flex:none;place-items:center;display:inline-grid}.sort-icon.neutral{color:#94a3b8}.sort-icon.active{color:#0754a6}.table-filter-bar{background:#fafcfd;border-bottom:1px solid #edf1ed;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 22px;display:flex}.table-filter-search{background:#fff;border:1px solid #d8e5ed;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:240px;max-width:380px;height:38px;padding:0 11px;transition:border-color .15s;display:flex}.table-filter-search:focus-within{border-color:#0754a6;box-shadow:0 0 0 3px #bfe9ee}.table-filter-search input{color:#1c3345;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:12px}.table-filter-search .search-icon{color:#94a3b8;flex:none}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.clear-search-btn:hover{color:#1c3345}.table-filter-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-filter-reset{height:38px;padding:0 12px;font-size:11px}@media (max-width:768px){.table-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}.table-filter-search{width:100%;min-width:0;max-width:100%}.table-filter-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.table-filter-actions .parking-select-field{flex:calc(50% - 4px);min-width:120px}.table-filter-reset{flex:100%;justify-content:center}}.panel,.section-panel{background:#fff;border:1px solid #e1e9e2;border-radius:13px;min-width:0;margin-bottom:18px;overflow:hidden}.panel-head,.panel-heading{background:#fff;border-bottom:1px solid #edf1ed;justify-content:space-between;align-items:flex-start;gap:14px;padding:21px 24px;display:flex}.panel-head h2,.panel-heading h2{letter-spacing:-.015em;color:#1c3345;margin:0 0 4px;font-size:15px;font-weight:750}.panel-head p,.panel-heading p{color:#7b8b7f;margin:0;font-size:11px;line-height:1.45}.badge{white-space:nowrap;letter-spacing:.01em;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.25;display:inline-flex}.badge-green{color:#16643d;background:#e4f5e9;border:1px solid #c0e7cc}.badge-blue{color:#205e8d;background:#e7f2fd;border:1px solid #bad8f5}.badge-amber{color:#805a11;background:#fff1d6;border:1px solid #fae0b2}.badge-red{color:#a43832;background:#fce9e6;border:1px solid #f8b4ab}.badge-neutral{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#5c7381;letter-spacing:.03em;white-space:nowrap;text-align:left;background:#fafbfd;border-bottom:1px solid #edf1ed;padding:12px 20px;font-size:10px;font-weight:750}th.numeric{text-align:right}td{color:#1c3345;vertical-align:middle;border-bottom:1px solid #edf1ed;padding:14px 20px;font-size:12px;line-height:1.4}td strong{color:#0a2947;font-size:12px;font-weight:700;display:block}td small{color:#5c7381;margin-top:3px;font-size:10px;display:block}td.numeric{text-align:right;font-variant-numeric:tabular-nums}tbody tr{transition:background .12s}tbody tr:hover{background:#f8fbfe}tbody tr:last-child td{border-bottom:0}.text-link{color:#0754a6;font-weight:700;text-decoration:none;transition:color .12s}.text-link:hover{color:#064487;text-decoration:underline}
.login-shell{color:#1d2c2a;background:#f4f6f3;grid-template-columns:minmax(360px,43%) minmax(0,1fr);min-height:100svh;display:grid}.login-story{color:#e9f6ef;background:#142b28;flex-direction:column;justify-content:space-between;min-width:0;padding:42px clamp(30px,4vw,68px);display:flex}.login-brand{align-items:center;gap:13px;display:flex}.login-brand-mark{border:2px solid #c9f3df;border-radius:11px;align-items:flex-end;gap:4px;width:40px;height:40px;padding:7px;display:flex}.login-brand-mark span{background:#7ed6ad;border-radius:3px;width:5px;height:20px}.login-brand-mark span:nth-child(2){height:14px}.login-brand-mark span:nth-child(3){height:9px}.login-brand strong{letter-spacing:-.04em;font-size:25px;line-height:1;display:block}.login-brand strong span{color:#79d3a7}.login-brand small{letter-spacing:.02em;color:#a7c1b7;margin-top:5px;font-size:11px;display:block}.login-story-content{max-width:510px;margin:auto 0}.login-role-icon{color:#9ee2b9;background:#234139;border:1px solid #537569;border-radius:13px;place-items:center;width:54px;height:54px;margin-bottom:27px;display:grid}.login-story-content .login-story-title{letter-spacing:-.04em;text-wrap:balance;margin:0 0 20px;font-size:clamp(35px,3.5vw,55px);font-weight:720;line-height:1.09}.login-story-content p{color:#bfd5c9;max-width:42ch;margin:0;font-size:15px;line-height:1.65}.login-story-content ul{border-top:1px solid #3b5b50;gap:16px;margin:28px 0 0;padding:27px 0 0;list-style:none;display:grid}.login-story-content li{color:#d7e9df;align-items:center;gap:12px;font-size:13px;display:flex}.login-story-content li svg{color:#89d8aa;flex:none}.login-story-foot{color:#a8c2b4;align-items:center;gap:10px;font-size:11px;line-height:1.4;display:flex}.login-live-dot{background:#82dba7;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #2b4b3f}.login-main{place-items:center;padding:38px 28px;display:grid}.login-card{width:min(100%,430px)}.login-card-icon{color:#17694b;background:#e3f2e9;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:23px;display:grid}.login-card-header h1{letter-spacing:-.035em;color:#203832;margin:0 0 9px;font-size:31px;line-height:1.2}.login-card-header p{color:#63776b;margin:0;font-size:13px;line-height:1.5}.login-form{grid-template-columns:1fr;gap:9px;margin-top:34px;display:grid}.login-form>label{color:#344e40;margin-top:9px;font-size:12px;font-weight:750}.login-input-wrap{color:#708a79;background:#fff;border:1px solid #cadbd0;border-radius:9px;align-items:center;gap:11px;min-height:49px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}.login-input-wrap:focus-within{border-color:#268257;box-shadow:0 0 0 3px #dcefe4}.login-input-wrap input{color:#1d3f2d;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;height:45px;padding:0;font-size:13px}.login-input-wrap input:focus,.login-input-wrap input:focus-visible{box-shadow:none;border:0;outline:0}.login-input-wrap:has(.login-eye:focus-visible){box-shadow:none;border-color:#cadbd0}.login-input-wrap input::placeholder{color:#7d9183}.login-eye{color:#637c6a;cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.login-eye:hover{color:#17694b}.login-eye:focus-visible{outline-offset:1px;border-radius:5px;outline:3px solid #57b594}.login-error{color:#923c34;background:#fceae7;border:1px solid #eeb8b4;border-radius:8px;margin-top:6px;padding:11px 13px;font-size:12px;line-height:1.45}.login-submit{color:#fff;width:100%;min-height:49px;font:inherit;cursor:pointer;background:#12674d;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:13px;font-weight:750;transition:background .16s,transform .16s;display:flex}.login-submit:hover:not(:disabled){background:#0d513c}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.65;cursor:wait}.login-submit:focus-visible{outline-offset:2px;outline:3px solid #57b594}.login-demo{background:#fff;border:1px solid #dbe8dd;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding:17px 18px;display:flex}.login-demo strong{color:#2a4838;font-size:12px}.login-demo p{color:#6c7f71;overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;line-height:1.5}.login-demo b{color:#2e5640;font-weight:700}.login-demo button{color:#16643e;font:inherit;cursor:pointer;background:#eff7f0;border:1px solid #cadfd0;border-radius:8px;flex:none;padding:10px 12px;font-size:11px;font-weight:750}.login-demo button:hover{background:#e1f1e6}.login-demo button:focus-visible{outline-offset:2px;outline:3px solid #57b594}.login-switch{color:#6f8175;border-top:1px solid #dfe7df;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:24px;font-size:11px;display:flex}.login-switch a{color:#12674d;align-items:center;gap:5px;font-weight:750;text-decoration:none;transition:opacity .15s;display:inline-flex}.login-switch a:hover{opacity:.8;text-decoration:none}.parking-logout-form{margin:0}.parking-logout{color:#476452;cursor:pointer;background:#fff;border:1px solid #d5dfd7;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.parking-logout:hover{color:#12674d;background:#eaf2ec}.parking-logout:focus-visible{outline-offset:2px;outline:3px solid #57b594}@media (max-width:850px){.login-shell{display:block}.login-story{padding:21px 20px}.login-brand-mark{border-radius:9px;width:34px;height:34px;padding:6px}.login-brand-mark span{width:4px;height:16px}.login-brand-mark span:nth-child(2){height:11px}.login-brand-mark span:nth-child(3){height:7px}.login-brand strong{font-size:21px}.login-story-content,.login-story-foot{display:none}.login-main{min-height:calc(100svh - 76px);padding:32px 20px 50px}.login-card{max-width:470px}.login-form{margin-top:26px}.login-demo button,.parking-logout{min-height:44px}}@media (max-width:480px){.login-main{padding:35px 20px 55px;display:block}.login-card-header h1{font-size:26px}.login-demo{flex-direction:column;align-items:stretch}.login-demo button{width:100%}}@media (prefers-reduced-motion:reduce){.login-input-wrap,.login-submit{transition:none}}
:root{--parking-navy:#0a2947;--parking-navy-hover:#103b60;--parking-blue:#0754a6;--parking-blue-hover:#064487;--parking-cyan:#00b8c8;--parking-cyan-dark:#087e95;--parking-ink:#1c3345;--parking-muted:#5c7381;--parking-canvas:#f4f8fb;--parking-line:#d8e5ed;--parking-ice:#e8f4fa;--parking-focus:#bfe9ee}html,body,.login-shell{color:var(--parking-ink);background:var(--parking-canvas)}::selection{color:#0b314e;background:#bfeef2}:focus-visible{outline-color:var(--parking-cyan-dark)}a{color:var(--parking-blue);text-decoration:none;transition:color .15s,opacity .15s}a:hover{color:var(--parking-blue-hover);text-decoration:none}a:active,a:focus{text-decoration:none}.nav-item,.action-card,.compact-row-link,.history-row-link,.button{color:inherit;text-decoration:none}.nav-item:hover,.action-card:hover,.compact-row-link:hover,.history-row-link:hover,.button:hover{text-decoration:none}.sidebar-bottom a,.sidebar-help a{color:#cdeaf7;text-decoration:none}.sidebar-bottom a:hover,.sidebar-help a:hover{color:#fff;text-decoration:none}.text-button,.text-link{color:var(--parking-blue);font-weight:700;text-decoration:none;transition:color .15s}.text-button:hover,.text-link:hover{color:var(--parking-blue-hover);text-decoration:none}.branch-map-link{color:var(--parking-blue);font-weight:600;text-decoration:none}.branch-map-link:hover{color:var(--parking-cyan-dark);text-decoration:none}.alert button,.footer button{text-decoration:none}.alert button:hover,.footer button:hover{opacity:.8;text-decoration:none}.brand-logo{object-fit:contain;flex:none;width:44px;height:44px;margin:-6px;display:block}.login-brand-logo{object-fit:contain;flex:none;width:56px;height:56px;margin:-8px;display:block}.brand strong span,.login-brand strong span{color:#40d5df}.brand small,.login-brand small{color:#b2cad9}@media (max-width:850px){.login-brand-logo{width:48px;height:48px;margin:-7px}}.sidebar,.cashier-sidebar,.login-story{background:var(--parking-navy);color:#e7f2f8}.side-caption,.sidebar-label{color:#a0bbcc}.nav-item{color:#c3d6e1}.nav-item:hover{color:#fff;background:var(--parking-navy-hover)}.nav-item.active{color:#123d61;background:#dcf1f8}.sidebar-bottom,.sidebar-help{border-top-color:#31516d}.sidebar-bottom p,.sidebar-help p{color:#aec5d2}.sidebar-bottom a,.sidebar-help a{color:#e3f8fb}.live-dot,.demo-dot,.login-live-dot{background:#42d6df;box-shadow:0 0 0 3px #1d4c65}.demo-chip,.sidebar-help{color:#e4f2f8}.topbar,.cashier-topbar{border-bottom-color:var(--parking-line)}.top-actions>span,.demo-label{color:#176a94}.avatar{color:#164a74;background:#e2edf5}.crumb,.page-heading p,.page-header p{color:var(--parking-muted)}.crumb strong,.page-heading h1,.page-header h1{color:var(--parking-ink)}.button-primary,.login-submit{color:#fff;background:var(--parking-blue)}.button-primary:hover:not(:disabled),.login-submit:hover:not(:disabled){background:var(--parking-blue-hover)}.button-secondary,.parking-logout{color:#24546f;border-color:var(--parking-line)}.button-secondary:hover:not(:disabled),.parking-logout:hover{color:var(--parking-blue);background:var(--parking-ice)}.button-light{color:#124f7e;background:#e1f3fa}.button-light:hover{background:#cceaf5}.text-button,.login-switch a{color:var(--parking-blue)}.panel,.section-panel,.summary-strip,.metric-line{border-color:var(--parking-line)}.row-icon,.person-avatar,.location-mark,.ticket-symbol,.action-icon.mint{color:#086ba7;background:#e3f3fa}.action-card{border-color:#dceaf1}.action-card:hover{border-color:#9fc9df;box-shadow:0 8px 24px #103d681a}.action-card small,.form-hint{color:#607e8e}.lookup-item.selected{background:#e8f4fa}.choice{color:#4c6d7c;border-color:#dce8ee}.choice:hover{border-color:#81bdd6}.choice.selected{background:#ebf7fb;border-color:#1284b2;box-shadow:inset 0 0 0 2px #ccebf4}.choice strong{color:#26475a}.choice small{color:#6c8795}.shift-banner{color:#f0faff;background:#0a477e}.shift-banner small{color:#a9e7ef}.shift-banner p{color:#d1e7f2}.shift-led{background:#42d6df;box-shadow:0 0 0 5px #1b6790}.amount-due{background:#eaf5fa}.amount-due span{color:#346682}.amount-due strong{color:var(--parking-blue)}input,.task-form input,.shift-body input,.deposit-card input,.cash-input-label input,.search-box input{border-color:var(--parking-line);color:var(--parking-ink)}input:focus,.task-form input:focus,.shift-body input:focus,.deposit-card input:focus,.cash-input-label input:focus,.search-box input:focus,.search-box:focus-within{border-color:var(--parking-cyan-dark);box-shadow:0 0 0 3px var(--parking-focus)}.search-box input:focus{box-shadow:none;border:0}.login-input-wrap input:focus,.login-input-wrap input:focus-visible{box-shadow:none;border:0;outline:0}.parking-select-field>label{color:#425c6c}.parking-select-trigger{color:var(--parking-ink);border-color:var(--parking-line)}.parking-select-trigger:hover{background:#fbfdfe;border-color:#8bbdd2}.parking-select-trigger:focus-visible{border-color:var(--parking-cyan-dark);outline-color:var(--parking-cyan-dark)}.parking-select-trigger[data-placeholder]{color:var(--parking-muted)}.parking-select-chevron{color:#547d91}.parking-select-content{border-color:var(--parking-line);box-shadow:0 12px 32px #143d5b24}.parking-select-item{color:var(--parking-ink)}.parking-select-item[data-highlighted]{color:#0b5482;background:var(--parking-ice)}.parking-select-check{color:var(--parking-blue)}.parking-select-field--dark>label{color:#bdd7e2}.parking-select-field--dark .parking-select-trigger{background:#174362;border-color:#4b7490}.parking-select-field--dark .parking-select-trigger:hover{background:#205579;border-color:#7ab0c5}.parking-select-field--dark .parking-select-chevron{color:#cbeaf2}.login-story-content p{color:#c1d8e4}.login-story-content .login-story-title{color:#eff8fc}.login-role-icon{color:#78e1e9;background:#164363;border-color:#3b7795}.login-story-content ul{border-top-color:#315a75}.login-story-content li{color:#dcecf3}.login-story-content li svg{color:#5bd3df}.login-story-foot{color:#adc9d8}.login-card-icon{color:var(--parking-blue);background:#e2f2fa}.login-card-header h1{color:var(--parking-ink)}.login-card-header p{color:var(--parking-muted)}.login-form>label{color:#2f5268}.login-input-wrap{color:#6f91a2;border-color:#cbdde8}.login-input-wrap:focus-within{border-color:var(--parking-cyan-dark);box-shadow:0 0 0 3px var(--parking-focus)}.login-input-wrap:has(.login-eye:focus-visible){box-shadow:none;border-color:#cbdde8}.login-input-wrap input{color:var(--parking-ink)}.login-input-wrap input::placeholder{color:var(--parking-muted)}.login-eye{color:#608394}.login-eye:hover{color:var(--parking-blue)}.login-eye:focus-visible,.login-submit:focus-visible,.login-demo button:focus-visible,.parking-logout:focus-visible{outline-color:var(--parking-cyan-dark)}.login-demo{border-color:var(--parking-line)}.login-demo strong{color:#24445d}.login-demo p{color:var(--parking-muted)}.login-demo b{color:#1c5b85}.login-demo button{color:var(--parking-blue);background:#e8f5fa;border-color:#bfdae9}.login-demo button:hover{background:#d9eef7}.login-switch{color:var(--parking-muted);border-top-color:var(--parking-line)}.summary-strip>div,.summary-strip>div:nth-child(-n+2),.panel-head,.list-row,.deposit-row,.timeline>div:not(.empty),td,.metric-line>div,.panel-heading,.compact-list button,.payment-ticket,.gate-confirm,.history-row,.deposit-stats,.variance{border-color:#e2ebf0}.summary-strip span,.summary-strip small,.panel-head p,.form-panel>p,.row-main small,.deposit-main small,.deposit-amount small,.timeline small,.toolbar span,.verified-text,.location small,.metric-line span,.panel-heading p,.compact-list button,.action-card small,.choice small,.task-form label span,.need-shift p,.preview-head span,.preview-details,.result-label,.lookup-item,.detail-grid span,.change-row,.variance,.shift-figures span,.deposit-card small,.deposit-stats span,.record-count,.history-head,.history-row,.history-row small,.footer,td small,th,.empty,.empty p,.loading-panel{color:var(--parking-muted)}.empty-icon{color:var(--parking-muted);justify-content:center;align-items:center;display:flex}.empty-action{justify-content:center;margin-top:14px;display:flex}.empty strong,td strong,.lookup-main strong,.detail-grid strong,.change-row strong,.variance strong,.deposit-stats b,.history-row>strong,.ticket-number{color:var(--parking-ink)}input::placeholder,.task-form input::placeholder,.shift-body input::placeholder,.search-box input::placeholder{color:var(--parking-muted)}.form-panel label,.task-form>label:not(.field-label),.shift-body>label,.deposit-card label,.cash-input-label,.field-label{color:#38556a}.mobile-nav label{color:#bdd7e2}.step-marker{color:#175d85;background:#e4f2f9}.need-shift{color:#4e7f9a}.need-shift h3{color:var(--parking-ink)}.preview-head,.preview-details{border-color:#b5cbd8}.preview-head strong{color:#264c66}.qr-wrap{border-color:var(--parking-line)}.search-box{color:#5b8198;border-color:var(--parking-line)}.lookup-item:hover,.compact-list button:hover,.history-row:hover{background:#f4f9fc}.gate-confirm p{color:var(--parking-muted)}.shift-figures>div{background:#f2f8fb}.deposit-card{border-color:var(--parking-line);background:#f7fbfd}.history-head{background:#f7fafc}.footer button{color:#316489}@media print{html,body{color:#000;background:#fff}}