:root{color:#172033;background:#f5f7fb;font-family:Arial,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.center-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.brand-card,.form-card{background:#fff;border:1px solid #e4e8f0;border-radius:22px;width:min(440px,100%);padding:32px;box-shadow:0 18px 50px #22304a14}.brand-card{text-align:center}.brand-mark{color:#fff;background:#173b6d;border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:20px;font-weight:800;display:grid}.stack{gap:12px;margin-top:28px;display:grid}.btn{text-align:center;cursor:pointer;border:0;border-radius:14px;padding:15px 18px;font-size:16px;font-weight:700;text-decoration:none}.btn:disabled{opacity:.65;cursor:wait}.primary{color:#fff;background:#173b6d}.secondary{color:#173b6d;background:#eef3fb}.form-card{gap:16px;display:grid}.form-card.wide{width:min(760px,100%)}label{gap:7px;font-size:14px;font-weight:700;display:grid}input,select{background:#fff;border:1px solid #d8deea;border-radius:12px;width:100%;padding:13px 14px;font-size:16px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.error{color:#b42318}.notice{color:#175cd3}.helper{text-align:center;color:#667085}.dashboard-shell{max-width:1100px;margin:auto;padding:26px}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar div{align-items:baseline;gap:14px;display:flex}.topbar span{color:#667085}.topbar button{cursor:pointer;background:0 0;border:0}.topbar-actions{align-items:center!important;gap:12px!important;display:flex!important}.topbar-actions .btn{padding:10px 14px}.hero{color:#fff;background:#173b6d;border-radius:24px;margin-top:28px;padding:28px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;display:grid}.cards article{background:#fff;border:1px solid #e4e8f0;border-radius:18px;padding:20px}.cards span{color:#667085;display:block}.cards strong{margin-top:10px;font-size:28px;display:block}.company-section{background:#fff;border:1px solid #e4e8f0;border-radius:22px;margin-top:24px;padding:24px}.section-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-head h2{margin:0 0 6px}.section-head p{color:#667085;margin:0}.section-head .btn{padding:12px 18px}.section-actions{align-items:center;gap:10px;display:flex}.company-form{background:#f8fafc;border-radius:18px;gap:16px;margin-top:22px;padding:22px;display:grid}.company-form small{color:#667085;font-weight:400}.company-list{gap:10px;margin-top:20px;display:grid}.company-list article{border:1px solid #e4e8f0;border-radius:14px;grid-template-columns:2fr repeat(3,1fr);align-items:center;gap:18px;padding:16px;display:grid}.company-list article>div{gap:4px;display:grid}.company-list article span{color:#667085;font-size:13px}.empty-state{text-align:center;color:#667085;gap:7px;padding:28px;display:grid}.empty-state strong{color:#344054}.meal-record-list{gap:10px;margin-top:18px;display:grid}.meal-record-list article{border:1px solid #e4e8f0;border-radius:14px;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:18px;padding:15px 16px;display:grid}.meal-record-list article>div{gap:4px;display:grid}.meal-record-list span{color:#667085;font-size:13px}.record-actions{grid-auto-flow:column;gap:8px!important;display:flex!important}.record-edit,.record-cancel{cursor:pointer;border:0;border-radius:10px;padding:10px 13px;font-weight:800;text-decoration:none;display:inline-block}.record-edit{color:#173b6d;background:#eef3fb}.record-cancel{color:#b42318;background:#fff1f0}.record-edit:disabled,.record-cancel:disabled{opacity:.55;cursor:wait}.meal-edit-modal{background:#fff;border-radius:22px;gap:16px;width:min(440px,100%);padding:28px;display:grid;box-shadow:0 24px 80px #0003}.meal-edit-modal h2{margin:0}.meal-edit-modal>p{color:#667085;margin:-8px 0 2px}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.settlement-hero{color:#fff;background:#173b6d;border-radius:24px;justify-content:space-between;align-items:end;gap:24px;margin-top:28px;padding:28px;display:flex}.settlement-hero p{margin:0 0 8px;font-weight:800}.settlement-hero h1{margin:0 0 8px;font-size:30px}.settlement-hero span{opacity:.85}.settlement-hero label{color:#fff;min-width:190px}.settlement-hero input{color:#172033;background:#fff}.settlement-table-wrap{margin-top:20px;overflow-x:auto}.settlement-table{border-collapse:collapse;width:100%;min-width:980px}.settlement-table th,.settlement-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #e8ecf2;padding:15px 12px}.settlement-table th:first-child,.settlement-table td:first-child{text-align:left}.settlement-table th{color:#667085;background:#f8fafc;font-size:13px}.settlement-table td small{color:#667085;margin-top:4px;display:block}.settlement-table tfoot td{background:#f8fafc;font-weight:800}.settlement-actions{justify-content:flex-end;gap:6px;display:flex}.settlement-ready{color:#18753c;white-space:nowrap;background:#eaf7ee;border-radius:999px;padding:9px 13px;font-weight:800}.settlement-next{justify-content:space-between;align-items:center;gap:20px;display:flex}.settlement-next h2{margin:0 0 6px}.settlement-next p{color:#667085;margin:0}.statement-shell{background:#edf1f7;min-height:100vh;padding:26px}.statement-toolbar{justify-content:space-between;align-items:center;gap:12px;max-width:900px;margin:0 auto 16px;display:flex}.statement-toolbar>div{gap:10px;display:flex}.statement-paper{background:#fff;border-radius:18px;width:min(900px,100%);margin:0 auto;padding:48px;box-shadow:0 18px 50px #22304a1f}.statement-head{border-bottom:3px solid #173b6d;justify-content:space-between;gap:24px;padding-bottom:28px;display:flex}.statement-head span{color:#175cd3;font-weight:800}.statement-head h1{margin:6px 0;font-size:38px}.statement-head p{color:#667085;margin:0}.statement-brand{text-align:right;align-content:end;gap:5px;display:grid}.statement-brand strong{font-size:21px}.statement-brand span{color:#667085}.statement-parties{grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;display:grid}.statement-parties>div{border:1px solid #e4e8f0;border-radius:14px;gap:5px;padding:18px;display:grid}.statement-parties span,.statement-summary span{color:#667085;font-size:13px}.statement-parties small{color:#667085}.statement-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;display:grid}.statement-summary>div{background:#f8fafc;border-radius:14px;gap:6px;padding:18px;display:grid}.statement-summary strong{font-size:22px}.statement-summary small{color:#667085}.statement-summary .amount{color:#fff;background:#173b6d}.statement-summary .amount span{color:#dbe8fa}.statement-detail h2{margin:0 0 12px;font-size:20px}.statement-detail table{border-collapse:collapse;width:100%}.statement-detail th,.statement-detail td{text-align:right;border-bottom:1px solid #e4e8f0;padding:13px 10px}.statement-detail th:first-child,.statement-detail td:first-child{text-align:left}.statement-detail th{color:#667085;background:#f8fafc;font-size:13px}.statement-detail tfoot td{background:#f8fafc;font-weight:800}.statement-footer{color:#667085;border-top:1px solid #dfe5ee;justify-content:space-between;gap:20px;margin-top:32px;padding-top:20px;display:flex}.statement-footer p{margin:0}.statement-footer strong{color:#172033;white-space:nowrap}.onboarding-shell{max-width:1120px;min-height:100vh;margin:0 auto;padding:34px 24px 60px}.onboarding-head{align-items:center;gap:14px;margin-bottom:28px;display:flex}.mini-brand{color:#fff;background:#173b6d;border-radius:16px;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.onboarding-head>div:nth-child(2){gap:4px;display:grid}.onboarding-head>div:nth-child(2) strong{font-size:22px}.onboarding-head>div:nth-child(2) span{color:#667085;font-size:14px}.steps{color:#667085;align-items:center;margin-left:auto;font-size:13px;gap:9px!important;display:flex!important}.steps b,.steps i{color:#667085;background:#e9eef6;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.steps b{color:#fff;background:#173b6d}.onboarding-card{width:min(820px,100%);margin:0 auto;padding:36px}.form-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px;display:flex}.form-title p{color:#175cd3;margin:0 0 6px;font-weight:700}.form-title h1{margin:0 0 8px;font-size:30px}.form-title span{color:#667085}.safe-note{color:#173b6d;white-space:nowrap;background:#eef5ff;border-radius:12px;padding:12px 14px;font-weight:700}.trial-info{background:#f7f9fc;border:1px solid #e4e8f0;border-radius:14px;align-items:center;gap:10px;padding:14px 16px;display:flex}.trial-info span{color:#667085;font-size:14px}.kiosk-shell{background:#eef2f7;place-items:center;min-height:100vh;padding:32px;display:grid}.kiosk-card{background:#fff;border:1px solid #dce3ed;border-radius:28px;width:min(680px,100%);padding:36px;box-shadow:0 20px 60px #173b6d1f}.kiosk-head{align-items:center;gap:14px;display:flex}.kiosk-head>div:last-child{gap:3px;display:grid}.kiosk-head strong{font-size:22px}.kiosk-head span{color:#667085}.kiosk-title{text-align:center;margin:42px 0 28px}.kiosk-title p{color:#175cd3;margin:0 0 8px;font-weight:800}.kiosk-title h1{margin:0 0 10px;font-size:34px}.kiosk-title span{color:#667085}.pin-form{gap:16px;display:grid}.pin-form input{text-align:center;letter-spacing:18px;padding:20px 24px;font-size:44px;font-weight:800}.pin-form .btn,.kiosk-submit{padding:20px;font-size:22px}.company-confirm{text-align:center;padding:26px 0 10px}.company-confirm span{color:#667085}.company-confirm h1{margin:8px 0;font-size:36px}.company-confirm button{color:#175cd3;cursor:pointer;background:0 0;border:0;text-decoration:underline}.meal-buttons{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.meal-buttons button{cursor:pointer;background:#fff;border:2px solid #dce3ed;border-radius:20px;padding:24px;transition:all .18s}.meal-buttons button.lunch{background:#f5f9ff;border-color:#bfd3ee}.meal-buttons button.dinner{background:#fff8f1;border-color:#f3c89e}.meal-buttons button.lunch.active{color:#fff;background:#173b6d;border-color:#173b6d}.meal-buttons button.dinner.active{color:#fff;background:#d97706;border-color:#d97706}.meal-buttons span,.meal-buttons strong{display:block}.meal-buttons span{font-size:24px;font-weight:800}.meal-buttons strong{color:#667085;margin-top:8px;font-size:18px}.meal-buttons button.active strong{color:#fff}.headcount-box{text-align:center;background:#f8fafc;border-radius:20px;margin-bottom:20px;padding:22px}.headcount-box>span{color:#667085;margin-bottom:14px;display:block}.quick-counts{grid-template-columns:repeat(5,72px);justify-content:center;gap:12px;margin-bottom:20px;display:grid}.quick-counts button{cursor:pointer;background:#fff;border:1px solid #d8e0eb;border-radius:16px;width:72px;height:72px;font-size:18px;font-weight:800}.quick-counts button.active{color:#fff;background:#173b6d;border-color:#173b6d;box-shadow:inset 0 0 0 2px #1683ff}.count-stepper{justify-content:center;align-items:center;gap:28px;display:flex}.count-stepper button{cursor:pointer;background:#e8eef7;border:0;border-radius:50%;width:58px;height:58px;font-size:32px}.count-stepper strong{min-width:100px;font-size:34px}.kiosk-submit{color:#fff}.lunch-submit{background:#173b6d}.dinner-submit{background:#d97706}.kiosk-message{text-align:center;margin-top:16px}.kiosk-done{text-align:center;padding:60px 36px}.done-mark{color:#1f8a43;background:#e8f7ec;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto 24px;font-size:52px;font-weight:800;display:grid}.kiosk-done h1{margin:0 0 12px;font-size:38px}.kiosk-done p{margin:0 0 10px;font-size:24px;font-weight:800}.meal-wish{color:#173b6d;margin:18px 0 12px;font-size:28px;display:block}.done-dinner .meal-wish{color:#d97706}.kiosk-done span{color:#667085}.premium-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.premium-card{text-align:left;cursor:pointer;background:#f9fafc;border:1px solid #dfe5ee;border-radius:18px;gap:12px;padding:20px;display:grid;position:relative}.premium-card:hover{background:#f5f8fc;border-color:#9eb3cf}.premium-icon{font-size:30px}.premium-card strong{font-size:17px}.premium-card p{color:#667085;margin:7px 0 0;font-size:14px;line-height:1.5}.premium-card b{color:#173b6d;background:#eef3fb;border-radius:999px;width:max-content;padding:6px 9px;font-size:12px}.modal-backdrop{z-index:100;background:#1118277a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.upgrade-modal{text-align:center;background:#fff;border-radius:22px;width:min(440px,100%);padding:30px;box-shadow:0 24px 80px #0003}.upgrade-modal h2{margin:12px 0 8px}.upgrade-modal p{color:#667085;line-height:1.6}.upgrade-note{color:#9a4c08;background:#fff7ed;border-radius:14px;margin:20px 0;padding:14px;font-weight:700}.upgrade-modal .btn{width:100%}@media (max-width:680px){.grid2,.cards{grid-template-columns:1fr}.dashboard-shell,.company-section{padding:18px}.section-head{flex-direction:column;align-items:flex-start}.section-actions{grid-template-columns:1fr;width:100%;display:grid}.topbar-actions{gap:6px!important}.topbar-actions .btn{padding:9px 10px;font-size:13px}.company-list article,.meal-record-list article{grid-template-columns:1fr 1fr}.record-actions{grid-column:1/-1}.record-edit,.record-cancel{flex:1}.settlement-hero{flex-direction:column;align-items:stretch}.settlement-hero label{min-width:0}.settlement-next{flex-direction:column;align-items:stretch}.statement-shell{padding:12px}.statement-toolbar{flex-direction:column;align-items:stretch}.statement-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.statement-paper{border-radius:12px;padding:24px 18px}.statement-head,.statement-footer{flex-direction:column}.statement-brand{text-align:left}.statement-parties{grid-template-columns:1fr}.statement-summary{grid-template-columns:1fr 1fr}.statement-detail{overflow-x:auto}.statement-detail table{min-width:560px}.premium-grid{grid-template-columns:1fr}.onboarding-shell{padding:20px 14px 40px}.onboarding-head{align-items:flex-start}.steps{display:none!important}.onboarding-card{padding:24px 18px}.form-title{display:grid}.safe-note{width:max-content}.trial-info{flex-direction:column;align-items:flex-start}.kiosk-shell{padding:16px}.kiosk-card{padding:24px 18px}.kiosk-title h1{font-size:28px}.pin-form input{letter-spacing:12px;font-size:38px}.company-confirm h1{font-size:30px}.meal-buttons span{font-size:21px}.quick-counts{grid-template-columns:repeat(5,minmax(50px,64px));gap:7px}.quick-counts button{aspect-ratio:1;width:100%;height:auto;font-size:16px}.meal-wish{font-size:24px}}@media print{body{background:#fff}.no-print{display:none!important}.statement-shell{background:#fff;padding:0}.statement-paper{width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0;padding:18mm 16mm}.statement-head,.statement-summary,.statement-detail tr{break-inside:avoid}}
.settlement-mobile-home{display:none}.settlement-summary-list{gap:12px;margin-top:20px;display:grid}.settlement-summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #10182809}.settlement-summary-button{text-align:left;cursor:pointer;color:#172033;background:0 0;border:0;grid-template-columns:auto minmax(180px,1.6fr) minmax(110px,.7fr) minmax(150px,.9fr) auto;align-items:center;gap:18px;width:100%;padding:18px 20px;display:grid}.settlement-company-avatar{color:#175cd3;background:#eef4ff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;font-weight:900;display:grid}.tone-1 .settlement-company-avatar{color:#039855;background:#ecfdf3}.tone-2 .settlement-company-avatar{color:#6941c6;background:#f4f0ff}.tone-3 .settlement-company-avatar{color:#e06b12;background:#fff6e8}.settlement-summary-name{gap:5px;display:grid}.settlement-summary-name strong{font-size:18px}.settlement-summary-name small,.settlement-summary-stat small{color:#667085}.settlement-summary-stat{gap:4px;display:grid}.settlement-summary-stat strong{color:#173b6d;font-size:18px}.settlement-summary-stat.amount strong{color:#175cd3;font-size:20px}.tone-1 .settlement-summary-stat.amount strong{color:#039855}.tone-2 .settlement-summary-stat.amount strong{color:#6941c6}.tone-3 .settlement-summary-stat.amount strong{color:#e06b12}.settlement-summary-arrow{color:#667085;font-size:28px;line-height:1}.settlement-summary-item.open .settlement-summary-button{background:#fbfcfe}.settlement-expanded{background:#fbfcfe;border-top:1px solid #edf1f5;padding:18px 20px 20px}.settlement-detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.settlement-detail-grid>div{background:#fff;border:1px solid #e8edf3;border-radius:14px;gap:5px;padding:14px;display:grid}.settlement-detail-grid span,.settlement-detail-grid small{color:#667085}.settlement-detail-grid strong{font-size:18px}.settlement-detail-email{color:#475467;margin:14px 0}.settlement-detail-action{padding:12px 18px;display:inline-block}.settlement-list-tip{color:#667085;margin:16px 4px 0;font-size:14px;line-height:1.5}.settlement-email-note{color:#9a6700;background:#fff8e6;border-radius:10px;margin-top:10px;padding:10px 12px;line-height:1.45;display:block}.statement-toolbar .btn{white-space:nowrap}.statement-paper{overflow:hidden}.statement-parties strong,.statement-brand strong{word-break:keep-all}.statement-detail table{table-layout:fixed}.statement-detail th,.statement-detail td{word-break:keep-all}.statement-detail th:first-child,.statement-detail td:first-child{width:38%}.statement-email-toast{z-index:1200;color:#172033;white-space:pre-line;background:#fff;border:1px solid #dfe7ef;border-radius:16px;align-items:center;gap:12px;min-width:320px;max-width:min(520px,100vw - 32px);padding:16px 20px;font-weight:700;line-height:1.45;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0f172a2e}.statement-email-toast.success{color:#166534;background:#f0fbf4;border-color:#b7e4c7}.statement-email-toast.error{color:#b42318;background:#fff5f5;border-color:#fecaca}.statement-email-toast.info{color:#1d4f91;background:#f5f9ff;border-color:#bfdbfe}.statement-email-toast-icon{background:#fffc;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:18px;font-weight:900;display:grid}@media (max-width:680px){.settlement-mobile-home{color:#173b6d;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;margin:2px 0 14px;padding:11px 15px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 5px 16px #173b6d0d}.settlement-list-section{padding:18px 14px!important}.settlement-list-head h2{font-size:24px}.settlement-list-head p{font-size:14px;line-height:1.55}.settlement-summary-list{gap:10px}.settlement-summary-item{border-radius:18px}.settlement-summary-button{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;padding:16px 14px}.settlement-company-avatar{border-radius:13px;width:42px;height:42px;font-size:22px}.settlement-summary-name small{display:none}.settlement-summary-name strong{font-size:17px}.settlement-summary-stat{min-width:70px}.settlement-summary-stat small{font-size:11px}.settlement-summary-stat strong{font-size:16px}.settlement-summary-stat.amount strong{font-size:17px}.settlement-summary-arrow{font-size:25px}.settlement-expanded{padding:14px}.settlement-detail-grid{grid-template-columns:1fr}.settlement-detail-grid>div{padding:13px}.settlement-detail-action{text-align:center;width:100%;margin-top:12px;display:block}.settlement-list-tip{font-size:13px}.settlement-hero{gap:22px;grid-template-columns:1fr!important;display:grid!important}.settlement-hero>label{box-sizing:border-box;text-align:center!important;justify-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 auto!important;display:grid!important}.settlement-hero>label input[type=month]{box-sizing:border-box!important;text-align:center!important;text-align-last:center!important;justify-self:center!important;width:calc(100% - 24px)!important;min-width:0!important;max-width:520px!important;margin:8px auto 0!important;display:block!important}.statement-shell{padding:12px}.statement-toolbar{align-items:stretch;display:grid}.statement-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.statement-toolbar .btn{padding:11px 10px;font-size:14px}.statement-paper{border-radius:14px;padding:24px 18px}.statement-head{gap:16px;display:grid}.statement-brand{text-align:left;align-content:start}.statement-parties{grid-template-columns:1fr}.statement-summary{grid-template-columns:1fr 1fr}.statement-summary>div{padding:14px}.statement-summary strong{font-size:19px}.statement-detail{overflow-x:auto}.statement-detail table{table-layout:auto;min-width:520px}.statement-footer{display:grid}.statement-head h1{font-size:32px}.statement-email-toast{width:calc(100vw - 28px);min-width:0;padding:14px 16px;top:76px}}@media (max-width:430px){.settlement-summary-button{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon name arrow""icon stats stats"}.settlement-company-avatar{grid-area:icon}.settlement-summary-name{grid-area:name}.settlement-summary-stat{display:inline-grid}.settlement-summary-stat:not(.amount){grid-area:stats;justify-self:start}.settlement-summary-stat.amount{grid-area:stats;justify-self:end}.settlement-summary-arrow{grid-area:arrow}.settlement-summary-button{position:relative}.settlement-summary-stat:not(.amount){margin-right:115px}.settlement-summary-stat.amount{position:absolute;bottom:15px;right:45px}}@media print{.settlement-mobile-home,.no-print{display:none!important}.statement-shell{background:#fff;padding:0}.statement-paper{box-shadow:none;border-radius:0;width:100%;max-width:none;padding:24px}.statement-footer{break-inside:avoid}.statement-detail table{page-break-inside:auto}.statement-detail tr{page-break-inside:avoid;page-break-after:auto}}
.modal-backdrop{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-items:flex-start;overflow-y:auto}.modal-backdrop>form,.modal-backdrop>.meal-edit-modal,.modal-backdrop>.company-edit-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 40px);margin:auto;overflow-y:auto}@media (max-width:680px){.modal-backdrop{padding:10px}.modal-backdrop>form,.modal-backdrop>.meal-edit-modal,.modal-backdrop>.company-edit-modal{max-height:calc(100dvh - 20px)}}
.kiosk-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.kiosk-brand-wrap{align-items:center;gap:12px;display:flex}.kiosk-brand-button{cursor:pointer;background:0 0;border:0;padding:0}.kiosk-head-right{align-items:center;gap:12px;display:flex}.kiosk-admin-button{color:#52667a;cursor:pointer;background:#f8fafc;border:1px solid #d9e2ec;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:800}.kiosk-clock{text-align:right;color:#64748b;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.kiosk-clock span{font-size:13px;font-weight:650}.kiosk-clock strong{color:#17324d;font-size:22px;line-height:1.15}.kiosk-pin-display{justify-content:center;gap:14px;margin:22px auto 16px;display:flex}.kiosk-pin-display span{color:#0b2f5b;background:#f8fafc;border:2px solid #dbe4ee;border-radius:14px;place-items:center;width:54px;height:54px;font-size:18px;display:grid}.kiosk-pin-display span.filled{background:#eefaf3;border-color:#2f9e67}.kiosk-keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:min(360px,100%);margin:0 auto;display:grid}.kiosk-keypad button{color:#17324d;touch-action:manipulation;background:#fff;border:1px solid #d9e2ec;border-radius:16px;min-height:68px;font-size:25px;font-weight:800;box-shadow:0 2px 7px #0f172a0f}.kiosk-keypad button:active{background:#eef6ff;transform:scale(.97)}.kiosk-keypad .keypad-action{color:#52667a;background:#f5f7fa;font-size:14px}.kiosk-pin-confirm{width:min(360px,100%);min-height:54px;margin:14px auto 0;display:block}.kiosk-done .kiosk-clock{position:absolute;top:24px;right:26px}.kiosk-admin-backdrop{z-index:12000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09172894;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.kiosk-admin-modal{text-align:center;background:#fff;border-radius:22px;width:min(390px,100%);padding:28px;box-shadow:0 24px 70px #00000047}.admin-lock{font-size:34px}.kiosk-admin-modal h2{color:#17324d;margin:8px 0}.kiosk-admin-modal p{color:#64748b;margin:0 0 20px;line-height:1.55}.kiosk-admin-modal .btn{width:100%;margin-top:8px}.kiosk-admin-modal span{color:#52667a;margin-top:12px;font-size:13px;display:block}.kiosk-reselect-panel{display:none}@media (min-width:760px) and (orientation:landscape){.kiosk-shell:not(.kiosk-company-mode){padding:clamp(14px,2.4vh,30px) clamp(24px,4vw,54px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-card{border-radius:28px;width:min(900px,100vw - 80px);max-width:none;padding:clamp(22px,3vh,34px) clamp(28px,4vw,46px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-title{margin:clamp(18px,3vh,34px) 0 clamp(12px,2.4vh,24px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-title h1{margin-bottom:8px;font-size:clamp(27px,3vw,38px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-title p{margin-bottom:6px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-display{margin:clamp(12px,2vh,22px) auto clamp(10px,1.7vh,16px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-display span{width:clamp(48px,5.2vw,62px);height:clamp(48px,5.2vw,62px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad{gap:clamp(7px,1.2vh,11px);width:min(520px,72vw)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad button{border-radius:15px;min-height:clamp(50px,7.2vh,70px);font-size:clamp(20px,2.2vw,27px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-confirm{width:min(520px,72vw);min-height:clamp(48px,6.5vh,58px);margin-top:clamp(10px,1.8vh,15px)}}@media (min-width:900px) and (orientation:landscape){.kiosk-shell.kiosk-company-mode{grid-template-columns:210px minmax(0,1180px);justify-content:center;align-items:center;gap:24px;padding:28px 36px;display:grid}.kiosk-company-mode .kiosk-card{border-radius:28px;width:min(1180px,100vw - 310px);max-width:none;padding:28px 30px}.kiosk-reselect-panel{align-self:start;gap:10px;margin-top:22px;display:grid}.kiosk-company-back{color:#174ea6;cursor:pointer;background:#fff;border:1px solid #2463cf;border-radius:16px;padding:16px 18px;font-size:17px;font-weight:800;box-shadow:0 6px 18px #173b6d14}.kiosk-reselect-panel p{color:#667085;text-align:center;margin:0;font-size:13px;line-height:1.5}.kiosk-company-mode .company-confirm{padding:18px 0 12px}.kiosk-company-mode .company-confirm h1{margin:8px 0 6px;font-size:42px}.kiosk-company-mode .meal-buttons{gap:18px;margin:18px 0}.kiosk-company-mode .meal-buttons button{min-height:126px;padding:22px 24px}.kiosk-company-mode .meal-buttons span{font-size:31px}.kiosk-company-mode .meal-buttons strong{font-size:24px}.kiosk-company-mode .headcount-box{margin-bottom:18px;padding:18px 20px}.kiosk-company-mode .quick-counts{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin-bottom:16px}.kiosk-company-mode .quick-counts button{width:auto;min-width:0;height:72px;font-size:18px}.kiosk-company-mode .count-stepper{gap:46px}.kiosk-company-mode .count-stepper strong{font-size:42px}.kiosk-company-mode .kiosk-submit{width:min(520px,100%);margin:0 auto;padding:18px;font-size:24px;display:block}.kiosk-company-mode .kiosk-head{margin-bottom:2px}.kiosk-company-mode .kiosk-clock strong{font-size:28px}.kiosk-company-mode .kiosk-clock span{font-size:14px}}@media (min-width:760px) and (orientation:landscape) and (max-height:760px){.kiosk-shell:not(.kiosk-company-mode){padding:10px 28px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-card{width:min(940px,100vw - 56px);padding:16px 30px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-head strong,.kiosk-shell:not(.kiosk-company-mode) .kiosk-clock strong{font-size:20px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-title{margin:10px 0 8px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-title h1{margin:2px 0 4px;font-size:28px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-title span{font-size:13px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-display{margin:8px auto}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-display span{width:46px;height:46px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad{gap:7px;width:min(560px,72vw)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad button{border-radius:13px;min-height:48px;font-size:20px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad .keypad-action{font-size:12px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-confirm{width:min(560px,72vw);min-height:46px;margin-top:8px;padding:10px 16px}.kiosk-company-mode .kiosk-card{padding:18px 24px}.kiosk-company-mode .company-confirm{padding:8px 0 5px}.kiosk-company-mode .company-confirm h1{margin:3px 0;font-size:32px}.kiosk-company-mode .meal-buttons{margin:8px 0 10px}.kiosk-company-mode .meal-buttons button{min-height:94px;padding:14px 18px}.kiosk-company-mode .meal-buttons span{font-size:26px}.kiosk-company-mode .meal-buttons strong{font-size:20px}.kiosk-company-mode .headcount-box{margin-bottom:10px;padding:10px 16px}.kiosk-company-mode .quick-counts{margin-bottom:8px}.kiosk-company-mode .quick-counts button{height:54px;font-size:15px}.kiosk-company-mode .count-stepper strong{font-size:32px}.kiosk-company-mode .count-stepper button{width:48px;height:48px}.kiosk-company-mode .kiosk-submit{padding:12px;font-size:20px}.kiosk-reselect-panel{margin-top:10px}}@media (min-width:1400px) and (min-height:800px){.kiosk-shell:not(.kiosk-company-mode) .kiosk-card{width:min(980px,70vw)}.kiosk-shell.kiosk-company-mode{grid-template-columns:220px minmax(0,1240px)}.kiosk-company-mode .kiosk-card{width:min(1240px,100vw - 340px)}}@media (max-width:899px){.kiosk-company-mode .kiosk-card{width:min(760px,100%)}.kiosk-company-mode .quick-counts{grid-template-columns:repeat(5,72px)}}@media (max-width:600px){.kiosk-head{align-items:flex-start}.kiosk-head-right{gap:7px}.kiosk-clock span{font-size:10px}.kiosk-clock strong{font-size:17px}.kiosk-admin-button{padding:7px 9px;font-size:11px}.kiosk-keypad button{min-height:62px}.kiosk-done .kiosk-clock{align-self:flex-end;margin-bottom:10px;position:static}.kiosk-company-mode .quick-counts{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.kiosk-company-mode .quick-counts button{width:auto;height:58px;font-size:15px}}
.kiosk-pin-title{text-align:center;margin:24px 0 14px}.kiosk-pin-title h1{color:#111827;letter-spacing:-.025em;margin:0;font-size:clamp(30px,3.4vw,46px);font-weight:900;line-height:1.18}.kiosk-keypad{gap:12px;width:min(610px,82vw)}.kiosk-keypad button{border-radius:18px;min-height:96px;font-size:32px}.kiosk-keypad .keypad-action{font-size:17px}.kiosk-pin-confirm{border-radius:16px;width:min(610px,82vw);min-height:72px;margin-top:14px;font-size:24px;font-weight:900}.kiosk-pin-display{margin:20px auto 16px}.kiosk-pin-display span{width:62px;height:62px}@media (min-width:760px) and (orientation:landscape){.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-title{margin:clamp(18px,2.6vh,28px) 0 clamp(12px,1.8vh,18px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-title h1{font-size:clamp(32px,3.8vw,50px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.25vh,13px);width:min(630px,76vw)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad button{border-radius:18px;min-height:clamp(86px,11.2vh,108px);font-size:clamp(28px,3vw,38px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad .keypad-action{font-size:clamp(15px,1.8vw,19px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-confirm{width:min(630px,76vw);min-height:clamp(64px,8.2vh,78px);margin-top:clamp(10px,1.5vh,15px);font-size:clamp(21px,2.4vw,28px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-display span{width:clamp(54px,5.6vw,68px);height:clamp(54px,5.6vw,68px)}}@media (min-width:760px) and (orientation:landscape) and (max-height:760px){.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-title{margin:8px 0 7px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-title h1{font-size:clamp(28px,3.2vw,38px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-display{margin:6px auto 8px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-display span{width:48px;height:48px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad{gap:7px;width:min(600px,72vw)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad button{border-radius:14px;min-height:clamp(62px,9.2vh,76px);font-size:clamp(24px,2.6vw,31px)}.kiosk-shell:not(.kiosk-company-mode) .kiosk-keypad .keypad-action{font-size:14px}.kiosk-shell:not(.kiosk-company-mode) .kiosk-pin-confirm{width:min(600px,72vw);min-height:54px;margin-top:8px;font-size:21px}}@media (max-width:600px){.kiosk-pin-title h1{font-size:29px}.kiosk-keypad{width:min(390px,100%)}.kiosk-keypad button{min-height:76px;font-size:28px}.kiosk-pin-confirm{width:min(390px,100%);min-height:60px;font-size:20px}}
.kiosk-company-mode .company-confirm{padding:8px 0 4px}.kiosk-company-mode .company-confirm h1{margin:4px 0 2px}.kiosk-company-mode .meal-buttons{gap:18px;margin:8px 0 14px}.kiosk-company-mode .meal-buttons button{border-radius:24px;min-height:190px;padding:28px 24px}.kiosk-company-mode .meal-buttons span{font-size:40px;font-weight:900}.kiosk-company-mode .meal-buttons strong{font-size:30px}.kiosk-entry-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);align-items:stretch;gap:20px;display:grid}.headcount-keypad-panel{background:#fbfcfe;border:1px solid #e1e7ef;border-radius:24px;grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"label label""keypad current";gap:12px 16px;padding:16px;display:grid}.headcount-label{text-align:center;color:#4b5563;grid-area:label;font-size:22px;font-weight:800}.headcount-keypad{grid-area:keypad;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.headcount-keypad button{color:#111827;touch-action:manipulation;background:#fff;border:1px solid #d8e1ec;border-radius:16px;min-height:68px;font-size:26px;font-weight:900;box-shadow:0 2px 7px #0f172a0f}.headcount-keypad .keypad-action{color:#52667a;background:#f5f7fa;font-size:14px}.headcount-keypad button:active{background:#eef6ff;transform:scale(.97)}.headcount-current{flex-direction:column;grid-area:current;justify-content:center;align-items:center;gap:12px;display:flex}.headcount-current>span{color:#667085;font-size:15px;font-weight:700}.headcount-current>strong{color:#111827;font-size:48px;line-height:1}.headcount-current>div{gap:10px;display:flex}.headcount-current button{color:#174ea6;background:#eef4ff;border:1px solid #cfd8e6;border-radius:16px;width:66px;height:66px;font-size:36px;font-weight:800}.kiosk-submit-large{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;box-shadow:0 8px 20px #0d3f782e;border-radius:24px!important;padding:24px!important;font-size:30px!important;display:flex!important}.kiosk-submit-large .submit-check{color:#fff;border:4px solid #ffffffe0;border-radius:18px;place-items:center;width:64px;height:64px;font-size:42px;line-height:1;display:grid}.kiosk-submit-large strong{font-size:clamp(28px,3vw,42px);line-height:1.2}.kiosk-submit-large small{opacity:.9;font-size:16px;font-weight:700}@media (min-width:900px) and (orientation:landscape){.kiosk-company-mode .kiosk-card{padding-top:20px}.kiosk-company-mode .kiosk-head{margin-bottom:0}.kiosk-company-mode .company-confirm{padding-top:2px}.kiosk-company-mode .meal-buttons button{min-height:185px}.kiosk-company-mode .kiosk-entry-layout{margin-top:6px}}@media (min-width:900px) and (orientation:landscape) and (max-height:760px){.kiosk-company-mode .meal-buttons{margin:4px 0 8px}.kiosk-company-mode .meal-buttons button{min-height:138px;padding:18px}.kiosk-company-mode .meal-buttons span{font-size:34px}.kiosk-company-mode .meal-buttons strong{font-size:24px}.kiosk-entry-layout{gap:14px}.headcount-keypad-panel{grid-template-columns:minmax(0,1fr) 150px;padding:10px}.headcount-label{font-size:18px}.headcount-keypad{gap:7px}.headcount-keypad button{border-radius:12px;min-height:50px;font-size:22px}.headcount-keypad .keypad-action{font-size:12px}.headcount-current>strong{font-size:38px}.headcount-current button{width:52px;height:52px;font-size:30px}.kiosk-submit-large{gap:9px;padding:16px!important}.kiosk-submit-large .submit-check{width:52px;height:52px;font-size:34px}.kiosk-submit-large strong{font-size:28px}.kiosk-submit-large small{font-size:13px}}@media (max-width:899px){.kiosk-entry-layout{grid-template-columns:1fr}.kiosk-submit-large{min-height:120px}.headcount-keypad-panel{grid-template-columns:minmax(0,1fr) 160px}.kiosk-company-mode .meal-buttons button{min-height:150px}}
.update-backdrop{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0814269e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.update-card{text-align:center;background:#fff;border-radius:26px;width:min(480px,100%);max-height:90vh;padding:30px;overflow:auto;box-shadow:0 28px 90px #00000047}.update-badge{color:#157a42;background:#eaf7ef;border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.update-card h2{color:#102a43;margin:0;font-size:25px;line-height:1.3}.update-lead{color:#64748b;margin:10px 0 22px;line-height:1.55}.update-items{text-align:left;gap:10px;margin-bottom:22px;display:grid}.update-items div{background:#f6f8fb;border:1px solid #e6ebf2;border-radius:15px;padding:14px 15px}.update-items strong,.update-items span{display:block}.update-items strong{color:#172b4d;margin-bottom:5px;font-size:15px}.update-items span{color:#64748b;font-size:13px;line-height:1.45}.update-now,.update-later{cursor:pointer;border:0;border-radius:14px;width:100%;min-height:52px;font-size:16px;font-weight:800}.update-now{color:#fff;background:#169b57}.update-later{color:#64748b;background:0 0;margin-top:8px}.update-card small{color:#94a3b8;margin-top:8px;display:block}@media (max-width:600px){.update-card{border-radius:22px;padding:24px 20px}.update-card h2{font-size:22px}}
.settings-shell{max-width:1100px;margin:0 auto;padding:28px 20px 110px}.settings-topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.settings-topbar span{color:#1f4f82;margin-bottom:5px;font-size:14px;font-weight:800;display:block}.settings-topbar h1{color:#172033;margin:0;font-size:34px}.settings-topbar p{color:#667085;margin:8px 0 0}.settings-form{gap:18px;display:grid}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:18px;padding:22px;display:grid;box-shadow:0 4px 14px #173b6d0a}.settings-card-head{border-bottom:1px solid #edf1f5;align-items:center;gap:12px;padding-bottom:14px;display:flex}.settings-card-head h2{color:#172033;margin:0;font-size:20px}.settings-card-head p{color:#667085;margin:5px 0 0;font-size:14px}.settings-icon{background:#f1f5f9;border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.settings-grid{gap:14px;display:grid}.settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-card label{color:#344054;gap:7px;font-size:14px;font-weight:700;display:grid}.settings-card input,.settings-card select{box-sizing:border-box;color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:12px 13px}.settings-card input:focus,.settings-card select:focus{border-color:#1f4f82;outline:2px solid #1f4f822e}.settings-card input[readonly]{color:#667085;background:#f8fafc}.settings-note{color:#667085;line-height:1.5}.settings-message{z-index:5;color:#027a48;background:#ecfdf3;border:1px solid #abefc6;border-radius:12px;margin:0 0 16px;padding:12px 14px;font-weight:700;position:sticky;top:14px}.settings-message.error{color:#b42318;background:#fef3f2;border-color:#fecdca}.settings-savebar{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #e2e8f0;border-radius:16px;justify-content:flex-end;gap:10px;padding:12px;display:flex;position:sticky;bottom:14px;box-shadow:0 10px 30px #10182814}.topbar-actions>a[href=\/settlement]{order:1}.topbar-actions>.settings-toplink{order:2}.topbar-actions>button{order:3}.settings-toplink{text-decoration:none}.super-admin-shell{max-width:1180px;margin:0 auto;padding:30px 22px 80px}.super-admin-topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.super-admin-topbar span{color:#175cd3;font-weight:800}.super-admin-topbar h1{margin:6px 0 8px;font-size:34px}.super-admin-topbar p{color:#667085;margin:0}.super-admin-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0;display:grid}.super-admin-cards article{background:#fff;border:1px solid #e4e8f0;border-radius:18px;padding:20px}.super-admin-cards span{color:#667085;display:block}.super-admin-cards strong{margin-top:8px;font-size:28px;display:block}.super-admin-panel{background:#fff;border:1px solid #e4e8f0;border-radius:22px;padding:24px}.super-admin-panel+.super-admin-panel{margin-top:20px}.super-admin-table-wrap{margin-top:20px;overflow-x:auto}.super-admin-table{border-collapse:collapse;width:100%;min-width:1020px}.super-admin-table th,.super-admin-table td{text-align:left;border-bottom:1px solid #e8ecf2;padding:15px 12px}.super-admin-table th{color:#667085;background:#f8fafc;font-size:13px}.super-admin-table td small{color:#667085;margin-top:5px;display:block}.admin-status{color:#173b6d;background:#eef3fb;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-block}.admin-status.active{color:#027a48;background:#ecfdf3}.admin-status.past_due{color:#b54708;background:#fff7ed}.admin-status.suspended{color:#b42318;background:#fef3f2}.admin-empty{color:#667085;text-align:center!important;padding:34px!important}.admin-row-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-manage-btn{color:#173b6d;cursor:pointer;white-space:nowrap;background:#eef3fb;border:0;border-radius:10px;padding:9px 12px;font-weight:800}.admin-manage-btn.danger{color:#b42318;background:#fef3f2}.admin-manage-btn.restore{color:#027a48;background:#ecfdf3}.archive-count{color:#475467;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:34px;padding:0 12px;font-weight:800;display:inline-flex}.archived-panel{background:#fbfcfe}.trial-admin-modal{background:#fff;border-radius:22px;gap:18px;width:min(560px,100%);max-height:min(760px,100vh - 40px);padding:24px;display:grid;overflow:auto;box-shadow:0 24px 80px #00000038}.trial-modal-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.trial-modal-head span{color:#175cd3;font-size:13px;font-weight:800}.trial-modal-head h2{margin:4px 0 6px;font-size:26px}.trial-modal-head p{color:#667085;margin:0}.trial-modal-head>button{cursor:pointer;background:#f2f4f7;border:0;border-radius:10px;width:38px;height:38px;font-size:18px}.trial-quick-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.trial-quick-buttons button{color:#173b6d;cursor:pointer;background:#f5f9ff;border:1px solid #bfd3ee;border-radius:12px;padding:14px;font-size:16px;font-weight:800}.trial-admin-modal label{gap:7px;font-size:14px;font-weight:700;display:grid}.trial-admin-modal input{border:1px solid #d0d5dd;border-radius:12px;width:100%;padding:12px 13px;font-size:16px}.trial-custom-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.trial-custom-row .btn{min-width:120px}.trial-history{border-top:1px solid #e4e8f0;padding-top:16px}.trial-history h3{margin:0 0 10px}.trial-history>p{color:#667085}.trial-history article{border:1px solid #e4e8f0;border-radius:12px;margin-top:8px;padding:12px}.trial-history article>div{justify-content:space-between;gap:10px;display:flex}.trial-history article span,.trial-history article p,.trial-history article small{color:#667085}.trial-history article p{margin:6px 0}.trial-history article small{display:block}@media (max-width:720px){.settings-shell{padding:18px 12px 100px}.settings-topbar{display:grid}.settings-topbar h1{font-size:30px}.settings-grid.two,.settings-grid.three{grid-template-columns:1fr}.settings-card{border-radius:16px;padding:18px}.settings-savebar{grid-template-columns:1fr 1fr;display:grid}.topbar-actions{gap:8px!important}.topbar-actions .settings-toplink{padding:10px 12px}.super-admin-shell{padding:20px 12px 60px}.super-admin-topbar{display:grid}.super-admin-cards{grid-template-columns:1fr 1fr}.super-admin-panel{padding:17px}.trial-admin-modal{padding:18px}.trial-custom-row{grid-template-columns:1fr}.trial-custom-row .btn{width:100%}}
@media (max-width:680px){.dashboard-shell{background:#f5f7fb;flex-direction:column;padding:18px 16px 40px;display:flex}.dashboard-shell>.topbar{display:none!important}.mobile-dashboard-nav{order:-10;margin-bottom:20px;display:block}.mobile-dashboard-title{justify-content:space-between;align-items:center;gap:16px;margin:4px 0 18px;display:flex}.mobile-dashboard-title>div{gap:2px;display:grid}.mobile-dashboard-title strong{letter-spacing:-1.1px;color:#102a52;font-size:30px}.mobile-dashboard-title span{color:#667085;font-size:15px}.mobile-logout{color:#173b6d;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px;font-weight:800;box-shadow:0 6px 18px #173b6d0d}.mobile-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mobile-menu-grid.has-admin{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-menu-card{color:#344054;min-width:0;min-height:108px;font:inherit;background:#fff;border:1px solid #edf1f5;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 8px;text-decoration:none;display:flex;box-shadow:0 8px 22px #1018280f}.mobile-menu-card b{text-align:center;word-break:keep-all;font-size:13px;line-height:1.25}.mobile-menu-icon{font-size:27px;line-height:1}.mobile-menu-card.restaurant{color:#0f8f63}.mobile-menu-card.admin{color:#fff;background:linear-gradient(160deg,#2f70e8,#174bbd);box-shadow:0 14px 28px #2457be40}.mobile-menu-card.settlement{color:#6941c6}.mobile-menu-card.settings{color:#475467}.hero{background:linear-gradient(145deg,#255cb5,#173f7b);border-radius:26px;flex-direction:column;justify-content:center;min-height:250px;margin-top:0;padding:28px 24px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #173b6d29}.hero:after{content:"";background:#ffffff0f;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-105px;right:-70px}.hero p:first-child{opacity:.9;margin:0 0 24px;font-size:19px}.hero h1{letter-spacing:-1.1px;max-width:90%;margin:0 0 24px;font-size:32px;line-height:1.25}.hero p:last-child{opacity:.92;max-width:88%;margin:0;font-size:16px;line-height:1.6}.cards{background:#fff;border:1px solid #e4e8f0;border-radius:24px;gap:12px;margin-top:16px;padding:12px;grid-template-columns:repeat(2,1fr)!important}.cards article{flex-direction:column;justify-content:center;min-height:116px;display:flex;background:#f8fbff!important;border:0!important;border-radius:18px!important;padding:18px 16px!important}.cards article:nth-child(2){background:#f2fbf6!important}.cards article:nth-child(3){background:#f8f4ff!important}.cards article:nth-child(4){background:#fff8ef!important}.cards span{color:#475467!important;font-size:15px!important}.cards strong{color:#173b6d;margin-top:6px!important;font-size:30px!important}.cards article:nth-child(2) strong{color:#0f8f63}.cards article:nth-child(3) strong{color:#6941c6}.cards article:nth-child(4) strong{color:#e06b12}.company-section{box-shadow:0 8px 24px #10182809;border-radius:24px!important;padding:20px 18px!important}.section-head h2{font-size:21px}.section-head p{font-size:14px;line-height:1.5}.company-list article,.meal-record-list article{border-radius:16px!important}.premium-grid{grid-template-columns:1fr!important}}@media (max-width:430px){.mobile-menu-grid,.mobile-menu-grid.has-admin{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mobile-menu-card{border-radius:18px;min-height:96px;padding:10px 5px}.mobile-menu-card b{font-size:11px}.mobile-menu-icon{font-size:23px}.mobile-dashboard-title strong{font-size:28px}.mobile-logout{padding:10px 11px}.mobile-logout span{display:none}.hero h1{font-size:30px}.hero{min-height:235px;padding:26px 22px}}@media (min-width:681px){.mobile-dashboard-nav{display:none!important}}