@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap";:root{font-family:Nunito Sans,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252a32;background:#f4f5f7;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:500;--orange:#f58220;--orange-dark:#e87312;--charcoal:#20242b;--muted:#858c98;--line:#eceef1}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:258px;background:var(--charcoal);color:#fff;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:25px 16px 18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 27px}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--orange);display:grid;place-items:center;color:#fff}.brand strong{display:block;font-size:17px;font-weight:900;letter-spacing:1.2px}.brand span{display:block;font-size:9px;letter-spacing:2px;color:#aab0ba;font-weight:800;margin-top:2px}.outlet-switch{display:flex;align-items:center;gap:10px;padding:12px;background:#2b3039;border:1px solid #383e49;border-radius:12px;margin-bottom:27px}.outlet-avatar,.profile-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#ffead9;color:#d8660b;font-weight:900}.outlet-copy{flex:1;min-width:0}.outlet-copy b,.outlet-copy span{display:block}.outlet-copy b{font-size:12px}.outlet-copy span{font-size:10px;color:#aab0ba;margin-top:2px}.outlet-switch>svg{color:#aab0ba}.nav-caption{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#858c98;padding:0 12px 10px}.nav-list{display:grid;gap:5px}.nav-item{height:43px;border:0;background:transparent;color:#b9bec7;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;font-size:12px;font-weight:700;width:100%;transition:.15s}.nav-item:hover{background:#2d333d;color:#fff}.nav-item.active{background:var(--orange);color:#fff;box-shadow:0 5px 14px #f5822030}.nav-count{font-style:normal;margin-left:auto;background:#ffffff2b;border-radius:20px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.support-card{display:flex;align-items:center;gap:10px;padding:12px;background:#292f38;border:1px solid #373e49;border-radius:10px;color:#f5a45e;margin-bottom:13px}.support-card b,.support-card span{display:block}.support-card b{font-size:11px;color:#fff}.support-card span{font-size:9px;color:#aab0ba;margin-top:3px}.logout{color:#aab0ba}.main-area{margin-left:258px;min-height:100vh}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#9aa0aa}.breadcrumb span{padding:0 6px;color:var(--orange)}h1{font-size:19px;margin:4px 0 0;font-weight:900}.topbar-actions{display:flex;align-items:center;gap:19px}.today-chip{font-size:10px;font-weight:800;color:#555d68;background:#f5f6f7;padding:8px 11px;border-radius:20px}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#23b26d;margin-right:6px}.icon-btn{position:relative;border:0;background:transparent;color:#626b77;display:grid;place-items:center;width:36px;height:36px;border-radius:9px}.icon-btn:hover{background:#f2f3f5}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--orange);right:7px;top:7px}.profile{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:17px}.profile-avatar{background:#fff0e3}.profile b,.profile span{display:block}.profile b{font-size:11px}.profile span{font-size:9px;color:var(--muted);margin-top:2px}.profile>svg{color:#9299a3}.page-content{max-width:1500px;margin:auto;padding:27px 34px 18px}.demo-banner{display:flex;align-items:center;gap:11px;background:#fff6ed;border:1px solid #ffdfc2;color:#b85a0d;border-radius:10px;padding:12px 14px;margin-bottom:24px}.demo-banner>div{flex:1}.demo-banner b,.demo-banner span{display:block}.demo-banner b{font-size:11px}.demo-banner span{font-size:10px;color:#986d4d;margin-top:2px}.demo-banner button{border:0;background:transparent;color:#a36c42}.welcome-row,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.welcome-row h2{font-size:20px;margin:0;font-weight:900}.welcome-row p,.section-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.date-button,.search-button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800;color:#59616d}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 28px}.stat-card{background:#fff;border:1px solid #eff0f2;border-radius:13px;padding:17px 17px 15px;min-width:0;box-shadow:0 3px 12px #252a3205}.stat-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;margin-bottom:13px}.stat-icon.orange{background:#fff0e3;color:var(--orange)}.stat-icon.dark{background:#edf0f4;color:#414956}.stat-icon.blue{background:#eaf3ff;color:#4486d5}.stat-icon.green{background:#e9f8f0;color:#22a566}.stat-label{font-size:10px;color:#7c8490;font-weight:700}.stat-value{font-size:22px;letter-spacing:-.5px;font-weight:900;margin:4px 0}.stat-note{font-size:9px;color:#a0a6af}.section-heading{margin-bottom:13px}.section-heading h3{font-size:14px;margin:0;font-weight:900}.section-heading p{font-size:10px}.text-action{border:0;background:transparent;color:var(--orange-dark);font-size:10px;font-weight:900}.text-action span{font-size:15px;margin-left:4px}.lane-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:27px}.lane-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;align-items:center;gap:13px;min-height:112px}.lane-icon{width:43px;height:43px;border-radius:12px;background:#fff0e3;color:var(--orange);display:grid;place-items:center}.lift-lane .lane-icon{background:#edf0f4;color:#3d4652}.lane-info{position:relative;z-index:1}.lane-info>span{font-size:9px;font-weight:900;letter-spacing:1px;color:#7e8691}.lane-info>b{display:block;font-size:24px;font-weight:900;margin-top:1px}.lane-info>b small{font-size:10px;color:#939aa4;font-weight:700}.lane-info p{font-size:9px;color:#737c87;margin:3px 0 0}.status-dot.busy{background:var(--orange)}.status-dot.waiting{background:#e6ad35}.lane-art{margin-left:auto;color:#f6e3d2;transform:rotate(-10deg)}.lift-lane .lane-art{color:#e8ebef}.queue-heading{margin-bottom:13px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;background:var(--orange);color:#fff;padding:10px 14px;font-size:10px;font-weight:900;box-shadow:0 4px 10px #f5822025}.primary-button:hover{background:var(--orange-dark)}.table-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line)}.table-label{font-size:11px;font-weight:900}.table-label span{margin-left:6px;background:#fff0e3;color:#d86d15;border-radius:20px;padding:2px 7px;font-size:9px}.search-button{color:#8a929d;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:8px;letter-spacing:.7px;color:#969da7;font-weight:900;padding:12px 13px;background:#fcfcfd}td{font-size:9px;color:#626b77;padding:13px;border-top:1px solid #f1f2f4}td:first-child,th:first-child{padding-left:17px}.ticket{display:block;color:#303741;font-size:10px}.ticket+small{display:block;color:#9299a3;font-size:8px;margin-top:3px}.vehicle-cell{font-weight:800;color:#3c444e}.status-pill{display:inline-block;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:900}.busy-pill{background:#fff0e3;color:#ce6818}.waiting-pill{background:#fff7df;color:#a87912}.done-pill{background:#e8f8ef;color:#16844e}.row-action{border:0;background:#f4f5f7;border-radius:6px;padding:6px 8px;color:#58616d;font-size:8px;font-weight:800}.table-foot{padding:10px 17px;border-top:1px solid var(--line);font-size:9px;color:#a0a6af}.app-footer{display:flex;justify-content:space-between;color:#a2a8b0;font-size:9px;padding:19px 2px}.placeholder-page{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:60px;height:60px;border-radius:18px;background:#fff0e3;color:var(--orange);display:grid;place-items:center}.placeholder-page h2{font-size:21px;margin:16px 0 5px}.placeholder-page p{max-width:390px;color:#858c98;font-size:12px;line-height:1.6;margin:0 0 17px}.mobile-menu,.mobile-close,.mobile-scrim{display:none}@media(max-width:1100px){.sidebar{width:230px}.main-area{margin-left:230px}.page-content{padding:24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .22s ease;width:270px}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#10141bcc;border:0;z-index:19}.mobile-menu,.mobile-close{display:grid}.mobile-close{margin-left:auto;color:#aeb5bf}.main-area{margin-left:0}.topbar{height:70px;padding:0 15px}.topbar-left{display:flex;align-items:center;gap:9px}.topbar-actions{gap:7px}.today-chip{display:none}.profile{padding-left:8px;gap:6px}.profile>div:nth-child(2),.profile>svg{display:none}.profile-avatar{width:32px;height:32px}.page-content{padding:19px 14px}.demo-banner{align-items:flex-start;padding:10px;font-size:10px}.demo-banner span{line-height:1.4}.welcome-row h2{font-size:17px}.welcome-row p{font-size:10px}.date-button{padding:8px;font-size:9px}.stats-grid{gap:9px;margin:17px 0 23px}.stat-card{padding:13px}.stat-icon{width:32px;height:32px;margin-bottom:10px}.stat-value{font-size:18px}.stat-label{font-size:9px}.stat-note{font-size:8px}.lane-grid{gap:9px}.lane-card{padding:12px;gap:8px;min-height:100px}.lane-icon{width:34px;height:34px}.lane-info>span{font-size:8px}.lane-info>b{font-size:20px}.lane-art{display:none}.section-heading h3{font-size:13px}.section-heading p{font-size:9px}.primary-button{padding:9px 10px;font-size:9px}.table-toolbar{padding:11px}.table-wrap{margin:0}.table-card{border-radius:10px}.app-footer{font-size:8px}}@media(max-width:390px){.stats-grid{grid-template-columns:1fr 1fr}.lane-grid{grid-template-columns:1fr}.welcome-row{align-items:flex-start}.date-button{font-size:8px}.profile{border:0}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#fff0e3,transparent 38%),#f4f5f7}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #eceef1;border-radius:20px;padding:30px;box-shadow:0 16px 50px #252a3210}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:27px}.auth-brand strong{display:block;font-size:17px;font-weight:900;letter-spacing:1.2px}.auth-brand span{display:block;font-size:9px;letter-spacing:2px;color:#858c98;font-weight:800;margin-top:2px}.auth-card h1{font-size:23px;margin:0 0 8px}.auth-sub{font-size:12px;color:#858c98;line-height:1.6;margin:0 0 22px}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;font-size:11px;font-weight:900;color:#4d5561}.auth-form input{width:100%;border:1px solid #e4e7eb;background:#fff;border-radius:9px;padding:12px 13px;font:inherit;font-size:13px;color:#252a32;outline:none}.auth-form input:focus{border-color:#f58220;box-shadow:0 0 0 3px #f5822015}.auth-submit{width:100%;padding:12px;margin-top:4px;font-size:12px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-message{margin-top:15px;background:#fff6ed;border:1px solid #ffdfc2;border-radius:9px;padding:11px;font-size:11px;color:#9a581d;line-height:1.5}.auth-message.error{background:#fff0f0;border-color:#f4caca;color:#a33434}.auth-toggle{border:0;background:transparent;color:#d96e16;font-weight:900;font-size:11px;padding:13px 0 0;width:100%}.auth-foot{display:block;text-align:center;color:#a0a6af;font-size:9px;margin-top:22px}.search-button input{width:120px;border:0;outline:0;background:transparent;font:inherit;font-size:10px;color:#58616d}.error-banner{background:#fff0f0;border-color:#f4caca;color:#a33434}.error-banner span{color:#9b6262}@media(max-width:760px){.auth-card{padding:23px;border-radius:16px}.auth-card h1{font-size:20px}.auth-sub{font-size:11px}.search-button input{width:90px}}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 0 22px}.page-title h2{font-size:20px;font-weight:900;margin:0}.page-title p{font-size:11px;color:#858c98;margin:5px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0 25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 13px}.section-heading h3,.panel h3{font-size:14px;font-weight:900;margin:0 0 13px}.panel{background:#fff;border:1px solid #eceef1;border-radius:13px;padding:19px;margin:0 0 17px;min-width:0}.panel h3{display:flex;align-items:center;gap:8px}.form-panel{max-width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px;font-size:10px;font-weight:900;color:#505965;min-width:0}.field input,.field select,.field textarea,.toolbar>input{width:100%;min-width:0;border:1px solid #e3e6ea;border-radius:8px;background:#fff;padding:10px 11px;font:inherit;font-size:12px;color:#252a32;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.toolbar>input:focus{border-color:#f58220;box-shadow:0 0 0 3px #f5822015}.field-wide{grid-column:1/-1}.submit-wide{width:100%;margin-top:16px;min-height:40px}.cashier-grid,.finance-grid,.settings-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:16px;align-items:start}.summary-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eceef1;margin-top:17px;padding-top:15px;font-size:12px}.summary-total b{font-size:19px;font-weight:900}.hint{font-size:10px;line-height:1.6;color:#8a929d}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;flex-wrap:wrap}.toolbar>input{max-width:280px}.toolbar>span,.muted{font-size:10px;color:#8a929d}.filter-row,.button-row,.tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter-btn,.tabs button,.secondary-button{border:1px solid #e7e9ed;background:#fff;color:#68717d;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.filter-btn.selected,.tabs button.selected{background:#fff0e3;border-color:#ffd8b7;color:#c96514}.secondary-button{display:inline-flex;align-items:center;gap:7px}.row-action,.mini-btn{border:0;border-radius:6px;padding:7px 9px;background:#fff0e3;color:#b95d12;font-size:9px;font-weight:900}.mini-btn{background:#f3f4f6;color:#59616c;margin-right:4px;padding:6px}.mini-btn.danger{color:#bd4141;background:#fff0f0}.empty-cell{text-align:center!important;color:#969da7!important;padding:28px!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15192299;z-index:80;display:grid;place-items:center;padding:18px;overflow:auto}.modal-card{position:relative;background:#fff;border-radius:15px;padding:22px;width:min(100%,560px);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head h3{font-size:16px;margin:0}.modal-close{position:absolute;right:13px;top:13px;border:0;background:transparent;color:#66707d}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#20242b;color:#fff;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:9px;font-size:11px;box-shadow:0 8px 25px #0002}.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-form .field{flex:1;min-width:170px}.list-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f0f1f3;font-size:11px}.list-row span{display:block;color:#9299a3;font-size:9px;margin-top:4px}.list-row strong{white-space:nowrap}.tabs{margin-bottom:15px}.small-code{font-size:9px;overflow-wrap:anywhere}.low-stock{color:#c24b24}.compact-stats{margin-top:0}.profile{display:flex;flex-direction:column;gap:3px;font-size:10px}.profile small{color:#9299a3}.outlet-switch{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;background:#2b3039;border:1px solid #383e49;border-radius:10px;margin-bottom:24px}.outlet-switch b{font-size:12px;color:#fff}.outlet-switch small{font-size:10px;color:#aab0ba}.mobile-menu{display:none}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-grid,.finance-grid,.settings-layout{grid-template-columns:1fr}}@media(max-width:760px){.mobile-menu{display:grid}.page-content{padding:17px 13px}.page-title{align-items:flex-start}.page-title h2{font-size:17px}.page-title p{font-size:10px}.page-title>.primary-button,.page-title>.secondary-button{white-space:nowrap}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{padding:12px}.stat-value{font-size:17px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.panel{padding:14px}.cashier-grid,.finance-grid,.settings-layout{grid-template-columns:1fr}.modal-card{padding:18px}.toast{left:12px;right:12px;bottom:12px}.profile{display:none}}.logo-upload-panel{display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:20px;border:1px dashed #d7dbe1;border-radius:12px;background:#fafbfc}.logo-preview{width:88px;height:88px;flex:0 0 88px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#20242c;color:#e6b94f}.logo-preview img{width:100%;height:100%;object-fit:contain}.logo-upload-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.logo-upload-info b{font-size:13px}.logo-upload-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.brand-mark{overflow:hidden}.reset-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;border:1px solid #f1d2d2;background:snow}.reset-panel h3{margin:0 0 7px;color:#8f3030;font-size:14px}.reset-panel .hint{max-width:650px;margin:0}.reset-button{border:1px solid #b93636;background:#b93636;color:#fff;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.reset-button:disabled{opacity:.45;cursor:not-allowed}.reset-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}@media(max-width:600px){.reset-panel{align-items:flex-start;flex-direction:column}.reset-actions{flex-wrap:wrap}}.sidebar-bottom{flex-shrink:0;padding-top:12px}.logout-button{border:1px solid #66504a;background:#382d2c;color:#ffd2c5;margin-top:4px}.logout-button:hover{background:#563632;color:#fff}.logout-button span{font-weight:900}.booking-public{min-height:100vh;background:#f4f5f7;color:#252a32}.booking-top{height:72px;background:#20242b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1080px)/2))}.booking-brand{display:flex;align-items:center;gap:10px}.booking-logo{width:38px;height:38px;display:grid;place-items:center;background:#f58220;border-radius:11px}.booking-brand b,.booking-brand small{display:block}.booking-brand b{font-size:14px;letter-spacing:1px}.booking-brand small{font-size:8px;color:#b9bec7;letter-spacing:2px}.booking-top>a{font-size:11px;color:#fff;text-decoration:none;border:1px solid #515762;border-radius:8px;padding:8px 12px}.booking-wrap{width:min(100% - 28px,900px);margin:0 auto;padding:35px 0 50px}.booking-hero{padding:20px 4px 26px}.booking-kicker{font-size:9px;letter-spacing:2px;font-weight:900;color:#d86f18}.booking-hero h1{font-size:clamp(28px,5vw,43px);line-height:1.12;letter-spacing:-1.4px;margin:10px 0 9px}.booking-hero p{max-width:600px;color:#78818d;font-size:13px;line-height:1.6;margin:0}.booking-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.booking-benefits span{display:flex;align-items:center;gap:7px;color:#5e6875;font-size:10px;font-weight:800}.booking-card{background:#fff;border:1px solid #e9ebef;border-radius:17px;padding:25px;box-shadow:0 10px 35px #20242b08}.booking-card-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.booking-card-title h2{font-size:19px;margin:0 0 5px}.booking-card-title p{font-size:11px;color:#89919c;margin:0}.booking-step{font-size:9px;font-weight:900;color:#d86f18;background:#fff0e3;border-radius:30px;padding:7px 10px}.booking-card>label,.booking-fields label,.booking-proof label{display:grid;gap:7px;font-size:10px;font-weight:900;color:#505965;margin-bottom:13px}.booking-card input,.booking-card select,.booking-card textarea{width:100%;min-width:0;border:1px solid #e3e6ea;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;font-size:12px;color:#252a32;outline:none}.booking-card input:focus,.booking-card select:focus,.booking-card textarea:focus{border-color:#f58220;box-shadow:0 0 0 3px #f5822015}.booking-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.booking-full{grid-column:1/-1}.booking-outlet-info{display:flex;align-items:flex-start;gap:9px;background:#f7f8fa;border:1px solid #eceef1;border-radius:9px;padding:12px;margin:3px 0 17px;color:#d86f18}.booking-outlet-info b,.booking-outlet-info small{display:block}.booking-outlet-info b{font-size:11px;color:#404853}.booking-outlet-info small{font-size:9px;color:#8a929d;margin-top:3px;line-height:1.5}.booking-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eceef1;padding-top:16px;margin-top:4px;font-size:11px;color:#68717d}.booking-total b{font-size:20px;color:#252a32}.booking-submit{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;border:0;border-radius:9px;background:#f58220;color:#fff;padding:13px 16px;font-size:11px;font-weight:900;margin-top:15px}.booking-submit:hover{background:#e87312}.booking-submit:disabled{opacity:.55;cursor:not-allowed}.booking-footnote,.booking-legal{font-size:9px;line-height:1.6;color:#9299a3;text-align:center;margin:11px 0 0}.booking-legal{margin-top:18px}.booking-success{text-align:center;padding:5px 10px 18px;color:#1d9b60}.booking-success h2{color:#252a32;font-size:19px;margin:8px 0 5px}.booking-success p{color:#858c98;font-size:11px;line-height:1.6;max-width:500px;margin:0 auto}.booking-ticket{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 15px}.booking-ticket>div{padding:13px;background:#f7f8fa;border-radius:10px}.booking-ticket small,.booking-ticket b{display:block}.booking-ticket small{font-size:8px;color:#8c949e;letter-spacing:1px;font-weight:900}.booking-ticket b{font-size:16px;color:#d86f18;margin-top:5px;overflow-wrap:anywhere}.booking-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1}.booking-summary span,.booking-summary b{display:block}.booking-summary span{font-size:9px;color:#8b939d}.booking-summary b{font-size:11px;margin-top:4px}.booking-qris{text-align:center;padding:18px 0}.booking-qris img{width:min(100%,260px);max-height:290px;object-fit:contain;border:1px solid #eceef1;border-radius:12px;padding:8px}.booking-qris p{font-size:11px;color:#68717d}.booking-proof{border-top:1px solid #eceef1;padding-top:15px}.booking-proof input{font-size:10px!important}.booking-alert{display:flex;align-items:center;gap:9px;background:#eaf8f0;color:#188450;border:1px solid #c9ebd7;padding:12px;border-radius:9px;font-size:11px;font-weight:800}.booking-reset{display:block;margin:15px auto 0;border:0;background:transparent;color:#d86f18;font-size:10px;font-weight:900}.booking-error{background:#fff0f0;border:1px solid #f4caca;color:#a33434;border-radius:9px;padding:11px 13px;margin-top:14px;font-size:10px}.booking-admin-list{display:grid;gap:12px}.booking-admin-card{background:#fff;border:1px solid #eceef1;border-radius:12px;padding:16px}.booking-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.booking-admin-head small{font-size:9px;color:#d86f18;font-weight:900;letter-spacing:.6px}.booking-admin-head h3{font-size:13px;margin:4px 0}.booking-admin-head p{font-size:10px;color:#858c98;margin:0}.booking-status{white-space:nowrap;font-size:8px;font-weight:900;border-radius:20px;padding:6px 8px;background:#f0f2f5;color:#69727e}.booking-status.payment_review{background:#fff4df;color:#a87912}.booking-status.confirmed{background:#eaf8f0;color:#188450}.booking-status.checked_in{background:#eaf3ff;color:#3577bc}.booking-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.booking-admin-grid small,.booking-admin-grid b{display:block}.booking-admin-grid small{font-size:8px;color:#9299a3}.booking-admin-grid b{font-size:10px;margin-top:4px}.booking-proof-link{font-size:10px;color:#d86f18;font-weight:900}.booking-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.booking-approve,.booking-reject{border:0;border-radius:7px;padding:9px 11px;font-size:9px;font-weight:900;background:#eaf8f0;color:#188450}.booking-reject{background:#fff0f0;color:#b33d3d}.qris-settings{margin:22px 0 8px;padding:17px;border:1px solid #eceef1;border-radius:12px;background:#fafbfc}.qris-settings h3{margin:0 0 5px}.qris-settings-grid{display:grid;grid-template-columns:150px 1fr;gap:17px;align-items:center}.qris-preview{width:150px;height:150px;display:grid;place-items:center;border:1px dashed #d5d9df;border-radius:10px;background:#fff;overflow:hidden;text-align:center;padding:8px;color:#9299a3;font-size:9px}.qris-preview img{width:100%;height:100%;object-fit:contain}.qris-controls{display:grid;gap:10px}.booking-toggle{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;color:#48515d}.booking-toggle input{width:16px;height:16px;accent-color:#f58220}@media(max-width:650px){.booking-top{padding:0 15px}.booking-wrap{padding:20px 0 35px}.booking-card{padding:17px}.booking-fields{grid-template-columns:1fr}.booking-full{grid-column:auto}.booking-admin-grid{grid-template-columns:1fr 1fr}.booking-admin-head{flex-direction:column}.qris-settings-grid{grid-template-columns:1fr}.qris-preview{width:135px;height:135px}.booking-benefits{gap:10px}.booking-benefits span{font-size:9px}}