@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.registration-card{max-width:660px}.registration-card .registration-grid{grid-template-columns:1fr 1fr;gap:16px 14px}.registration-card label>span{color:#211d2d;margin-bottom:8px;font-size:12px}.registration-card input,.registration-card select{background:#f8f9fb;border-color:#dfe2ea;height:46px}.employee-id-field{background:#f8f9fb;border:1px solid #dfe2ea;border-radius:9px;align-items:center;height:46px;display:flex;overflow:hidden}.employee-id-field b{color:#6747e8;white-space:nowrap;padding-left:11px;font-size:10px}.employee-id-field input{box-shadow:none!important;background:0 0!important;border:0!important;padding-left:6px!important}.registration-card input[readonly]{color:#6747e8;font-weight:700}@media (width<=800px){.registration-card .registration-grid{grid-template-columns:1fr}}.auth-stage{position:relative}.auth-switch{z-index:3;color:#fff;background:#ffffff18;border:1px solid #fff5;border-radius:9px;padding:10px 15px;font-weight:700;position:fixed;top:28px;right:5vw}.registration-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.register-success{color:#16704f;background:#e9f7ef;border-radius:10px;align-items:flex-start;gap:10px;padding:15px;font-size:12px;line-height:1.5;display:flex}.register-success svg{flex:none}.register-back{margin-top:8px}.login-card input{background:#fff;border:1px solid #ddd9e4;border-radius:9px;outline:none;width:100%;padding:11px}@media (width<=800px){.auth-switch{position:absolute;top:24px;right:24px}.registration-grid{grid-template-columns:1fr}}.login-page{background:linear-gradient(135deg,#20164d,#6846e7 55%,#8d75f0);grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;min-height:100vh;padding:5vw;display:grid}.login-brand{color:#fff;max-width:620px}.login-brand .logo{margin-bottom:70px;padding:0}.login-brand .logo>span{color:#6747e8;background:#fff}.login-brand .logo div>span{color:#cfc3ff}.login-brand .logo small{color:#cbc4e8}.login-brand h1{margin:24px 0 18px;font:800 clamp(38px,5vw,68px)/1.04 Manrope}.login-brand>p{color:#ddd7f5;max-width:570px;font-size:17px;line-height:1.6}.login-flow{color:#ded8f7;align-items:center;gap:10px;margin-top:35px;font-size:11px;display:flex}.login-flow span{background:#ffffff18;border:1px solid #ffffff2e;border-radius:7px;padding:7px;font-weight:800}.login-flow i{background:#ffffff4a;width:28px;height:1px}.login-card{background:#fff;border-radius:18px;flex-direction:column;padding:38px;display:flex;box-shadow:0 30px 70px #160c3b55}.login-icon{color:#6747e8;background:#eeeaff;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.login-card h2{margin:20px 0 5px;font:800 23px Manrope}.login-card>p{color:#777383;margin:0 0 25px;font-size:13px}.login-card label{margin-bottom:16px;display:block}.login-card label input,.login-card label select{background:#fff;border:1px solid #ddd9e4;border-radius:9px;outline:none;width:100%;padding:11px}.login-card input:focus,.login-card select:focus{border-color:#6747e8;box-shadow:0 0 0 3px #6747e815}.login-submit{width:100%;margin-top:5px;padding:13px}.login-card>small{text-align:center;color:#9995a0;margin-top:14px}.login-error{color:#b94040;background:#fff0f0;border-radius:8px;margin-bottom:12px;padding:10px;font-size:11px}@media (width<=800px){.login-page{grid-template-columns:1fr;gap:28px;padding:25px}.login-brand .logo{margin-bottom:35px}.login-brand h1{font-size:36px}.login-brand>p,.login-flow{display:none}.login-card{padding:27px}}.two-col label input,.vendor-form label input{background:#fff;border:1px solid #ddd9e4;border-radius:9px;outline:none;width:100%;padding:10px}.qr-booking{border-top:1px solid #e9e7ed;align-items:center;gap:13px;margin-top:14px;padding-top:14px;display:flex}.qr-booking svg{background:#fff;border:1px solid #e9e7ed;border-radius:8px;padding:5px}.qr-booking div{flex-direction:column;font-size:11px;display:flex}.qr-booking span{color:#777383;margin-top:4px;font-size:9px}.automation-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.automation-strip>div{background:#fff;border:1px solid #e9e7ed;border-radius:12px;align-items:center;gap:9px;padding:14px;display:flex}.automation-strip>div>svg{color:#6747e8;width:19px}.automation-strip p{flex-direction:column;flex:1;margin:0;font-size:11px;display:flex}.automation-strip p span{color:#777383;margin-top:3px;font-size:9px}.default-vendor{background:linear-gradient(120deg,#f4f1ff,#fff);align-items:center;gap:16px;margin-bottom:18px;padding:22px;display:flex}.vendor-mark{color:#fff;background:#6747e8;border-radius:13px;place-items:center;width:52px;height:52px;display:grid}.default-vendor h2{margin:8px 0 3px;font:700 18px Manrope}.default-vendor p{color:#777383;margin:0;font-size:11px}.vendor-channels{gap:10px;margin-left:auto;display:flex}.vendor-channels span{background:#fff;border:1px solid #e9e7ed;border-radius:8px;align-items:center;gap:5px;padding:9px;font-size:10px;display:flex}.vendor-form{margin-bottom:18px;padding:20px}.vendor-form h3{margin-top:0}.form-actions{justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.default-label{color:#6747e8;margin-top:3px;font-size:9px;display:block}@media (width<=1000px){.automation-strip{grid-template-columns:1fr 1fr}}@media (width<=720px){.automation-strip{grid-template-columns:1fr}.default-vendor{flex-wrap:wrap;align-items:flex-start}.vendor-channels{flex-wrap:wrap;margin-left:0}}:root{color:#24212d;font-synthesis:none;--purple:#6747e8;--ink:#24212d;--muted:#777383;--line:#e9e7ed;--green:#16865c;background:#f7f7fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:235px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.logo{letter-spacing:.2px;align-items:center;gap:10px;padding:0 8px;font-family:Manrope;font-size:18px;font-weight:800;display:flex}.logo>span{background:var(--purple);color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.logo div>span{color:var(--purple)}.logo small{color:#92909a;letter-spacing:1.7px;font-family:DM Sans;font-size:9px;font-weight:700;display:block}nav{flex-direction:column;gap:6px;margin-top:44px;display:flex}nav>small{color:#aaa6b2;letter-spacing:1.2px;padding:0 12px 9px;font-size:10px;font-weight:700}nav button,.side-bottom>button{text-align:left;color:#666272;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:600;display:flex}nav button.active{color:#5d3dde;background:#f0edff}.side-bottom{margin-top:auto}.help{background:linear-gradient(140deg,#f3f0ff,#faf9ff);border:1px solid #e7e1ff;border-radius:12px;margin-bottom:15px;padding:14px}.help svg{color:var(--purple);float:left;margin-right:8px}.help b,.help span{font-size:12px;display:block}.help span{color:#8c8796;margin-top:4px}.side-bottom>button{width:100%}main{width:calc(100% - 235px);min-width:0;margin-left:235px}header{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;height:75px;padding:0 34px;display:flex;position:sticky;top:0}.header-title{flex-direction:column;display:flex}.header-title b{font:700 14px Manrope}.header-title span{color:#97939e;margin-top:3px;font-size:12px}.header-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px;position:relative}.icon-btn i{background:#e74d55;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.role-switch{position:relative}.role-switch select{appearance:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 30px 9px 12px;font-size:12px;font-weight:600}.role-switch svg{pointer-events:none;position:absolute;top:12px;right:9px}.avatar{color:#5538c6;background:#e4ddff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.menu{display:none}.content,.employee-page{max-width:1500px;margin:auto;padding:30px 34px 48px}.title-row{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.title-row h1,.booking-hero h1{margin:0 0 5px;font:800 26px Manrope}.title-row p,.booking-hero p{color:var(--muted);margin:0;font-size:14px}.title-actions{gap:10px;display:flex}.primary,.secondary,.danger,.text-btn{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.primary{background:var(--purple);color:#fff;box-shadow:0 5px 12px #6747e82d}.secondary{color:#504c5a;background:#fff;border:1px solid #ddd9e4}.danger{color:#c94a4a;background:#fff3f3}.text-btn{color:var(--purple);background:0 0;padding:8px}.booking-hero{background:linear-gradient(120deg,#f0edff 0%,#fbfaff 60%,#f1f7ff 100%);justify-content:space-between;align-items:center;margin:-30px -34px 26px;padding:27px 42px;display:flex}.booking-hero h1{margin-top:12px}.date-tile{text-align:center;background:#fff;border:1px solid #e5e0f2;border-radius:14px;width:92px;overflow:hidden;box-shadow:0 8px 25px #5c4a8a12}.date-tile small{background:var(--purple);color:#fff;padding:5px;font-weight:700;display:block}.date-tile b{margin:6px 0 -2px;font:800 32px Manrope;display:block}.date-tile span{color:#8f8a99;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.tag{color:#16865c;white-space:nowrap;background:#e9f7ef;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag.amber{color:#9d6711;background:#fff2d8}.tag.orange{color:#c36722;background:#fff0e6}.tag.gray{color:#77727c;background:#f0eff2}.booking-grid{grid-template-columns:minmax(0,1fr) 330px;gap:22px;max-width:1030px;margin:auto;display:grid}.form-card,.summary-card,.success-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px;box-shadow:0 8px 30px #21183d08}.step{align-items:center;gap:13px;display:flex}.step>i{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:13px;font-style:normal;font-weight:700;display:grid}.step h3,.step p{margin:0}.step h3,.summary-card h3{font:700 16px Manrope}.step p{color:var(--muted);margin-top:3px;font-size:12px}.meal-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.meal-options>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;flex-direction:column;padding:16px 10px;display:flex;position:relative}.meal-options>button.selected{border:2px solid var(--purple);background:#fbfaff;padding:15px 9px}.meal-options b{margin:10px 0 3px;font-size:13px}.meal-options small{color:#96919c;font-size:10px}.meal-icon{font-size:25px}.meal-options>button>i{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:9px;right:9px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.two-col{grid-template-columns:1fr 160px;gap:16px;display:grid}label>span{align-items:center;gap:5px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}label select,label textarea,.setting input{background:#fff;border:1px solid #ddd9e4;border-radius:9px;outline:none;width:100%;padding:10px}.counter{border:1px solid #ddd9e4;border-radius:9px;justify-content:space-between;align-items:center;height:40px;display:flex}.counter button{color:var(--purple);background:0 0;border:0;padding:0 12px;font-size:20px}.notes{margin-top:17px;display:block;position:relative}.notes span small{color:#aaa4af;margin-left:auto;font-weight:400}.notes textarea{resize:none;height:68px}.notes em{color:#aaa4af;font-size:9px;font-style:normal;position:absolute;bottom:8px;right:9px}.book{width:100%;margin-top:20px;padding:13px}.book span{margin-left:auto}.book:disabled{opacity:.45}.secure{color:#8e8995;justify-content:center;align-items:center;gap:5px;margin:12px 0 0;font-size:10px;display:flex}.summary-card{height:max-content;padding:21px}.summary-card h3{margin:0 0 16px}.summary-meal{background:#f8f7fb;border-radius:10px;align-items:center;gap:10px;padding:13px;display:flex}.summary-meal>span{font-size:26px}.summary-meal div{flex-direction:column;display:flex}.summary-meal div small{color:#9994a0;font-size:8px;font-weight:700}.summary-meal div b{font-size:13px}.summary-meal>.tag{margin-left:auto}.summary-card dl{margin:14px 0}.summary-card dl div{border-bottom:1px solid #f0eef2;justify-content:space-between;padding:8px 2px;font-size:12px;display:flex}.summary-card dt{color:#85818c}.summary-card dd{margin:0;font-weight:600}.deduction{color:#6142d0;background:#f1edff;border-radius:9px;gap:9px;padding:12px;display:flex}.deduction p{flex-direction:column;margin:0;font-size:11px;display:flex}.deduction p span{color:#796daa;margin-top:4px;font-size:9px}.cutoff{color:#ad7420;background:#fffaf0;border:1px solid #f0dfc2;border-radius:9px;gap:10px;margin-top:12px;padding:12px;display:flex}.cutoff svg{width:18px}.cutoff div{flex-direction:column;font-size:11px;display:flex}.cutoff span{color:#9c8b73;margin-top:2px;font-size:9px}.success-card{text-align:center;max-width:650px;margin:60px auto;padding:50px}.success-card>span{color:#19805b;background:#e8f8ef;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;display:grid}.success-card h2{font:800 25px Manrope}.success-card p{color:var(--muted)}.success-card .primary{margin:24px auto 5px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;gap:13px;padding:17px;display:flex}.stat-icon{border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.stat-icon.purple{color:#6548dc;background:#eeeaff}.stat-icon.green{color:#16865c;background:#e8f7ef}.stat-icon.orange{color:#db7529;background:#fff0e5}.stat-icon.blue{color:#367dc4;background:#eaf4ff}.stat>div:last-child{flex-direction:column;display:flex}.stat span{color:#8e8996;letter-spacing:.7px;font-size:9px;font-weight:700}.stat b{margin:1px 0;font:800 23px Manrope}.stat small{color:#9995a0;font-size:10px}.status-strip{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:25px;margin-bottom:18px;padding:14px 17px;display:flex}.lock{align-items:center;gap:11px;min-width:260px;display:flex}.lock>span{width:36px;height:36px;color:var(--green);background:#e9f7ef;border-radius:9px;place-items:center;display:grid}.lock b{font-size:13px}.lock p{color:var(--muted);margin:2px 0 0;font-size:10px}.progress{flex:1}.progress>div{justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.progress>i,.location-row>i{background:#eeecf1;border-radius:4px;height:6px;display:block;overflow:hidden}.progress em,.location-row em{background:var(--purple);border-radius:4px;width:83%;height:100%;display:block}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px}.chart,.location{padding:19px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel-head h3{margin:0 0 4px;font:700 15px Manrope}.panel-head p{color:#94909b;margin:0;font-size:10px}.panel-head select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px;font-size:10px}.location-row{grid-template-columns:1fr 32px 100px 30px;align-items:center;gap:8px;margin:21px 0;font-size:11px;display:grid}.location-row>span{align-items:center;gap:7px;display:flex}.location-row>b{text-align:right}.location-row small{color:#898590}.location-row em{background:#7659e8}.recent{padding:19px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#9995a0;text-transform:uppercase;letter-spacing:.5px;background:#faf9fb;font-size:9px;font-weight:700}th,td{border-bottom:1px solid #f0eef2;padding:11px}.person{align-items:center;gap:9px;display:flex}.person>span{color:#6748df;background:#eeeaff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-weight:700;display:grid}.person p{flex-direction:column;margin:0;display:flex}.person small{color:#aaa5ae;margin-top:2px;font-size:9px}.dots{color:#888;background:0 0;border:0}.filters{gap:10px;margin-bottom:15px;padding:13px;display:flex}.filters select,.search{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px;font-size:11px}.search{flex:1;align-items:center;gap:6px;display:flex}.search input{border:0;outline:0;width:100%}.booking-list{padding:19px}.history{padding:22px}.upcoming{background:linear-gradient(110deg,#f0edff,#faf9ff);border:1px solid #e2dcfb;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.upcoming h3{margin:10px 0 4px}.upcoming p{color:var(--muted);margin:0;font-size:12px}.section-title{margin-top:27px;font:700 14px Manrope}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.setting{padding:20px}.setting-title{align-items:center;gap:10px;margin-bottom:17px;display:flex}.setting-title>span{width:37px;height:37px;color:var(--purple);background:#eeeaff;border-radius:9px;place-items:center;display:grid}.setting-title h3{font:700 15px Manrope}.setting label{border-top:1px solid #f0eef2;grid-template-columns:1fr 180px;align-items:center;padding:11px 0;display:grid}.setting label>span{color:#706b78;margin:0}.setting input{padding:8px;font-size:11px}.setting .text-btn{margin-top:5px;padding-left:0}@media (width<=1000px){.booking-grid{grid-template-columns:1fr}.summary-card{order:-1}.dashboard-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}@media (width<=720px){aside{transition:all .2s;transform:translate(-100%)}aside.open{transform:none;box-shadow:10px 0 30px #0002}main{width:100%;margin:0}.menu{background:0 0;border:0;margin-right:12px;display:block}.header-title{display:none}header{padding:0 16px}.content,.employee-page{padding:22px 16px}.booking-hero{margin:-22px -16px 20px;padding:22px 18px}.booking-hero h1{font-size:21px}.date-tile{display:none}.meal-options{grid-template-columns:1fr}.meal-options>button{grid-template-columns:42px 1fr;align-items:center;display:grid}.meal-options b{margin:0}.meal-options small{grid-column:2}.two-col{grid-template-columns:1fr}.summary-card{display:none}.stats{grid-template-columns:1fr 1fr}.status-strip{flex-direction:column;align-items:stretch}.title-row{align-items:flex-start;gap:15px}.title-actions{flex-direction:column}.filters{flex-wrap:wrap}.filters select{flex:1}.settings-grid,.setting label,.finance-stats{grid-template-columns:1fr}.upcoming{flex-direction:column;align-items:flex-start;gap:15px}.role-switch{display:none}}.landing-booking-link{background:#ffffff14;border:1px solid #ffffff38;border-radius:13px;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:24px;padding:14px;display:flex}.landing-booking-link>svg{background:#fff;border-radius:9px;flex:none;padding:6px}.landing-booking-link>div{flex-direction:column;gap:5px;display:flex}.landing-booking-link b{font-size:13px}.landing-booking-link a{color:#fff;word-break:break-all;font-size:11px}.landing-booking-link .teams-link{align-items:center;gap:6px;margin-top:3px;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=800px){.landing-booking-link{margin-top:18px}.login-brand .landing-booking-link{display:flex}}.forgot-link{align-self:flex-end;margin-top:-12px}.row-actions{gap:6px;display:flex}.row-actions button{padding:6px 9px}.notification-settings{margin-bottom:18px;padding:20px}.notification-settings h3{margin:0 0 5px}.notification-settings>p{color:var(--muted);font-size:12px}.notification-settings textarea{border:1px solid var(--line);resize:vertical;border-radius:9px;width:100%;min-height:72px;padding:10px}.toggle-setting{margin-top:12px;align-items:center!important;gap:8px!important;display:flex!important}.toggle-setting input{width:auto!important}.toggle-setting span{margin:0}.settings-message{font-weight:700;color:var(--green)!important}.day-report{margin-bottom:18px}.universal-login{margin-bottom:24px!important}.universal-login>small{color:#85818c;margin-top:7px;font-size:11px;line-height:1.45;display:block}.login-input{position:relative}.login-input>svg{color:#85818c;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.login-card .login-input>input{height:48px;padding-left:42px!important}.login-card .login-input>input::placeholder{color:#8d8996;opacity:1}.password-login{margin-top:2px}.auth-stage .login-card>label:last-of-type{display:none}.profile-switcher{border:1px solid var(--line);color:#504c5a;background:#fff;border-radius:9px;min-height:40px;padding:0 10px;font-weight:700}.lunch-box-stats{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.lunch-box-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.profile-switcher{max-width:145px;font-size:10px}.header-actions>.tag{display:none}.lunch-box-stats{grid-template-columns:1fr 1fr}}.summary-filters{flex-wrap:wrap}.summary-filters .search{min-width:240px}.maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.maintenance-card{padding:22px}.maintenance-card h3{margin:0 0 8px}.maintenance-card p{color:var(--muted);min-height:38px;font-size:12px;line-height:1.5}.danger-zone{background:snow;border-color:#f1b8b8}.test-email-row{gap:10px;display:flex}.test-email-row input{border:1px solid var(--line);border-radius:9px;flex:1;min-height:44px;padding:10px}@media (width<=720px){.maintenance-grid{grid-template-columns:1fr}.test-email-row{flex-direction:column}.summary-filters>*{width:100%}}.stat-drilldown{text-align:left;background:0 0;border:0;border-radius:12px;padding:0}.stat-drilldown .stat{height:100%;transition:all .18s}.stat-drilldown:hover .stat,.stat-drilldown:focus-visible .stat{border-color:var(--purple);transform:translateY(-1px);box-shadow:0 8px 22px #6747e81c}.modal-backdrop{z-index:80;background:#17132680;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.drilldown-modal{width:min(1180px,96vw);max-height:88vh;padding:22px;overflow:auto;box-shadow:0 24px 80px #0004}.drilldown-modal h2{margin:0 0 5px}.drilldown-tools{gap:12px;margin-bottom:16px;display:flex}.drilldown-tools .search{border:1px solid var(--line);border-radius:9px;flex:1;align-items:center;gap:7px;padding:9px;display:flex}.drilldown-tools input{border:0;outline:0;width:100%}@media (width<=720px){.drilldown-modal{width:100%;max-height:92vh;padding:16px}.drilldown-tools{flex-direction:column}.modal-backdrop{padding:10px}.stat-drilldown{min-height:0}}.notification-badge{color:#fff;background:#e54545;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid;position:absolute;top:-6px;right:-6px}.filter-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.notification-list{gap:10px;display:grid}.notification-item{cursor:pointer;justify-content:space-between;gap:15px;padding:18px;display:flex}.notification-item.unread{border-left:4px solid var(--purple);background:#fbfaff}.notification-item h3{margin:10px 0 5px}.notification-item p{color:var(--muted);margin:0 0 8px}.notification-item small,.announcement-card small{color:var(--muted)}.announcement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.announcement-card{padding:20px}.announcement-card h3{margin:13px 0 7px}.announcement-card p{color:var(--muted);line-height:1.5}.home-announcements{padding-top:0}.announcement-form,.vendor-send-controls,.vendor-preview{margin-bottom:18px;padding:22px}.announcement-form>input,.announcement-form>textarea,.vendor-send-controls textarea{border:1px solid var(--line);border-radius:9px;width:100%;margin-bottom:10px;padding:11px}.announcement-form>textarea{min-height:100px}.form-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.form-grid>*{border:1px solid var(--line);border-radius:9px;min-height:44px;padding:9px}.vendor-preview{max-width:680px}.vendor-preview dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px;display:flex}.vendor-preview dd{font-weight:700}.vendor-send-controls label{margin-top:14px;display:block}.vendor-send-controls select{border:1px solid var(--line);border-radius:9px;min-height:44px;padding:8px}@media (width<=900px){.announcement-grid,.form-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.announcement-grid,.form-grid{grid-template-columns:1fr}.notification-item{align-items:flex-start}.filter-actions{width:100%}.filter-actions button{flex:1}.vendor-send-controls .form-actions{flex-direction:column}.vendor-send-controls .form-actions>*{width:100%}}.booking-summary-card.booking-finished{filter:grayscale(.55);opacity:.78;background:#f1f2f4}.booking-summary-card.booking-finished .booking-card-actions button{display:none}.reminder-form,.reminder-preview{margin-bottom:18px;padding:22px}.reminder-form>label{margin-bottom:14px;display:block}.reminder-form input[type=date],.reminder-form textarea{border:1px solid var(--line);border-radius:9px;width:100%;padding:10px}.reminder-form textarea{min-height:90px}.reminder-channels{gap:18px;display:flex}.reminder-channels label{align-items:center;gap:7px;display:flex}.employee-home-cards{grid-template-columns:repeat(2,minmax(0,360px));gap:20px;display:grid}.lunch-action-card{padding:26px}.lunch-action-card>span{width:48px;height:48px;color:var(--purple);background:#eeeaff;border-radius:12px;place-items:center;display:grid}.lunch-action-card h2{margin:18px 0 6px;font:800 19px Manrope}.lunch-action-card p{color:var(--muted);min-height:38px;font-size:13px}.lunch-action-card button{margin-top:8px}@media (width<=720px){.employee-home-cards{grid-template-columns:1fr}}.dietary-symbol{font-size:24px}.dietary-value{font-weight:800;color:var(--ink)!important;font-size:17px!important}.preference-form{gap:16px;max-width:720px;padding:24px;display:grid}.preference-form>div:first-child h2{margin:0}.preference-form label{gap:7px;display:grid}.preference-form label span{font-size:13px;font-weight:700}.preference-form select,.preference-form input{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:44px;padding:9px 12px}.dietary-welcome{width:min(520px,94vw);padding:28px}.dietary-welcome h2{margin-top:0}.dietary-radio-list{gap:9px;margin:20px 0;display:grid}.dietary-radio-list label{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:12px;display:flex}.dietary-radio-list input{width:18px;height:18px}.file-button{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.report-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.report-grid .panel{padding:22px}.report-grid h3{margin-top:0}@media (width<=720px){.report-grid{grid-template-columns:1fr}.dietary-welcome{padding:20px}}.booking-toast{z-index:30;color:#fff;background:#16865c;border-radius:10px;align-items:center;gap:9px;padding:13px 16px;font-size:13px;font-weight:700;display:flex;position:fixed;top:90px;right:24px;box-shadow:0 12px 30px #0002}.booking-toast button{color:#16704f;background:#fff;border:1px solid #fff6;border-radius:7px;padding:6px 9px;font-weight:700}.employee-top-nav{z-index:6;border-bottom:1px solid var(--line);background:#fff;gap:6px;padding:10px 34px;position:sticky;top:75px;flex-direction:row!important;margin:0!important;display:flex!important}.employee-top-nav button{color:#777383;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-weight:700;display:flex}.employee-top-nav button.active{color:var(--purple);background:#eeeaff}.booking-filters{gap:7px;margin-bottom:18px;display:flex}.booking-filters button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:700}.booking-filters button.active{background:var(--purple);border-color:var(--purple);color:#fff}.booking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.booking-summary-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fbfaff);border-radius:13px;padding:18px}.booking-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.booking-card-head h3{align-items:center;gap:7px;margin:11px 0 0;font:800 17px Manrope;display:flex}.meal-badge{background:#f4f2f8;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.booking-meta{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;display:grid}.booking-meta>span{background:#fff;border:1px solid #f0eef3;border-radius:9px;grid-template-columns:20px 1fr;align-items:center;padding:9px;display:grid}.booking-meta svg{color:var(--purple);grid-row:1/3}.booking-meta small{color:var(--muted);font-size:9px}.booking-meta b{overflow-wrap:anywhere;font-size:11px}.booking-card-actions{border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:13px;display:flex}.booking-card-actions small{color:var(--muted)}.empty-bookings{min-height:180px;color:var(--muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;display:flex}.empty-bookings svg{color:var(--purple)}.today-details{flex-direction:column;gap:6px;margin:11px 0;display:flex}.today-details small{color:var(--muted);align-items:center;gap:6px;display:flex}@media (width<=800px){.employee-top-nav{padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0001}.employee-top-nav button{flex-direction:column;gap:2px;min-width:84px;font-size:9px}.employee-top-nav button span{display:block}.employee-page,.content{padding-bottom:90px}.booking-summary-grid,.booking-meta{grid-template-columns:1fr}.booking-toast{flex-wrap:wrap;top:16px;left:12px;right:12px}}.admin-live-stats{grid-template-columns:repeat(3,1fr)}.employee-filters{flex-wrap:wrap}.employee-filters .search{min-width:260px}.employee-history-modal{z-index:40;padding:22px;position:fixed;inset:10vh 6vw;overflow:auto;box-shadow:0 20px 80px #0004}.filters input{border:1px solid var(--line);border-radius:8px;padding:9px}.table-wrap select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px}@media (width<=1000px){.admin-live-stats{grid-template-columns:1fr 1fr}}@media (width<=700px){.admin-live-stats{grid-template-columns:1fr}.employee-history-modal{inset:4vh 12px}}.install-app{z-index:60;color:#fff;background:#ff715b;border:0;border-radius:22px;min-height:44px;padding:0 18px;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 28px #0003}.vendor-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vendor-fields label{display:block}.vendor-fields input,.vendor-fields textarea{border:1px solid var(--line);border-radius:9px;width:100%;min-height:44px;padding:10px}.vendor-fields .wide{grid-column:1/-1}.vendor-fields .check{align-items:center;gap:8px;display:flex}.vendor-fields .check input{width:auto}.help-contact{grid-template-columns:40px 1fr;align-items:center;gap:16px;max-width:680px;padding:24px;display:grid}.help-contact>svg{color:var(--purple)}.help-contact div{flex-direction:column;gap:4px;display:flex}.help-contact a{color:var(--purple);font-size:12px}.already-booked{text-align:center;max-width:600px;margin:50px auto;padding:34px}.already-booked>svg{color:var(--green);width:42px;height:42px}.already-booked h2{font:800 21px Manrope}.already-booked p{color:var(--muted)}@media (width<=720px){html,body,#root{max-width:100%;overflow-x:hidden}.login-page{align-content:start;min-height:100dvh;padding:18px 14px 90px}.login-brand h1{font-size:30px}.login-brand .logo{margin-bottom:24px}.login-card{max-height:none;padding:22px 18px}.primary,.secondary,.danger,.text-btn,button,input,select{min-height:44px}.form-card{padding:18px}.vendor-fields{grid-template-columns:1fr}.vendor-fields .wide{grid-column:auto}.vendor-form{max-height:82vh;overflow:auto}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrap table{min-width:760px}.employee-top-nav button{flex:1;min-width:0}.install-app{bottom:calc(78px + env(safe-area-inset-bottom));right:12px}.auth-stage~.install-app{bottom:18px}.help-contact{grid-template-columns:32px 1fr}.title-row{flex-wrap:wrap}.title-actions,.title-actions button{width:100%}aside{overflow-y:auto}.landing-booking-link{width:100%}}