@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,'DM Sans',Arial,sans-serif;color:#19332d;background:#f6f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #e0a849;outline-offset:3px}[hidden]{display:none!important}.app-shell{max-width:1520px;margin:auto;padding:0 34px 60px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e1d9}.brand,.top-actions{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#1d4a3e;color:#fff;font-size:27px;font-weight:800}.brand strong{display:block;font-size:17px;letter-spacing:-.04em}.brand small{display:block;color:#84918a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.today{font-size:13px;color:#687a70;font-weight:700}.icon-button{border:1px solid #dfdfd6;background:#fff;border-radius:12px;padding:11px 15px;color:#21483c;font-size:14px;font-weight:800}.page-intro{display:flex;justify-content:space-between;align-items:end;margin:43px 0 26px}.eyebrow{color:#be8750;font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 8px}.page-intro h1{font-size:clamp(29px,4vw,43px);letter-spacing:-.065em;margin:0 0 5px;line-height:1.13}.subtle{margin:0;color:#7d8c81;font-size:14px}.clock{font-size:19px;color:#516c5e;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:39px}.stat{background:#fff;border:1px solid #e8e7df;border-radius:18px;padding:19px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #203a2710}.stat-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:13px;background:#e8f2ea;color:#35715a;font-size:21px}.stat:nth-child(2) .stat-icon{background:#f9efe0;color:#ba8748}.stat:nth-child(3) .stat-icon{background:#fae8e4;color:#c7795f}.stat strong{display:block;font-size:26px;line-height:1;letter-spacing:-.05em}.stat small{font-size:12px;font-weight:700;color:#8a978d}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.section-heading h2{font-size:20px;letter-spacing:-.04em;margin:0 0 2px}.section-heading p{color:#8b988d;font-size:12px;margin:0}.count-pill{background:#e6eae3;color:#53695b;font-size:12px;font-weight:800;padding:7px 10px;border-radius:99px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.staff-card{position:relative;text-align:left;border:1px solid #e3e8df;border-radius:19px;background:#fff;padding:20px 20px 18px;min-height:166px;box-shadow:0 4px 18px #29462b0a;transition:transform .15s,box-shadow .15s}.staff-card:hover{transform:translateY(-2px);box-shadow:0 9px 26px #29462b18}.staff-card.free{border-left:5px solid #57a77d}.staff-card.serving{border-left:5px solid #dda85f}.staff-card.old{border-left:5px solid #d87862}.staff-card.inactive{border-left:5px solid #8f9d95;background:#fbfbf8}.card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.avatar{width:43px;height:43px;border-radius:13px;background:#e8eee7;color:#547260;display:grid;place-items:center;font-size:17px;font-weight:800}.status-dot{width:10px;height:10px;border-radius:50%;background:#62b687;margin-top:5px}.serving .status-dot{background:#dca454}.old .status-dot{background:#d87862}.inactive .status-dot{background:#9ba7a0}.staff-name{font-size:18px;font-weight:800;letter-spacing:-.045em;margin-top:16px}.staff-detail{font-size:12px;color:#89988e;font-weight:700;margin-top:4px}.staff-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.state-label{font-size:11px;font-weight:800;padding:5px 8px;border-radius:6px;background:#e9f4eb;color:#4c9a6f}.serving .state-label{background:#fff3df;color:#ba8541}.old .state-label{background:#fff0eb;color:#c76d57}.inactive .state-label{background:#ecefeb;color:#78877d}.arrow{color:#9aa99e;font-size:20px;line-height:1}.inactive-section{margin-top:42px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed #cdd6ca;border-radius:20px;background:#ffffff80}.empty-icon{font-size:32px}.empty h3{margin:12px 0 6px;font-size:20px}.empty p{color:#819086;font-size:14px}.primary,.secondary,.danger,.small-action{border:0;border-radius:12px;padding:14px 18px;font-weight:800}.primary{background:#255a46;color:#fff}.primary:hover{background:#1c4636}.secondary{background:#edf2ed;color:#315c47}.danger{background:#fff0ed;color:#ad5947}.small-action{padding:10px 14px;background:#e8efe8;color:#315b48}.overlay{position:fixed;inset:0;background:#102b23a1;z-index:10}.drawer{position:fixed;z-index:11;right:0;top:0;bottom:0;width:min(500px,100%);background:#fcfbf7;box-shadow:-20px 0 50px #102b2330;display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;align-items:start;padding:29px 28px 22px;border-bottom:1px solid #e7e8e1}.drawer-head h2{font-size:28px;letter-spacing:-.055em;margin:0}.close-button{border:0;background:#eef0ea;color:#345543;border-radius:10px;width:36px;height:36px;font-size:25px;line-height:1}.drawer-body{padding:25px 28px 40px;overflow:auto;flex:1}.panel-note{font-size:13px;color:#7c8b80;line-height:1.55;margin:0 0 20px}.wide{width:100%;margin-bottom:22px}.mini-heading{font-size:12px;font-weight:800;color:#79897d;text-transform:uppercase;letter-spacing:.12em;margin:8px 0 12px}.customer-card,.setting-row{background:#fff;border:1px solid #e5e8e0;border-radius:15px;padding:16px;margin-bottom:11px}.customer-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.customer-title{font-size:16px;font-weight:800}.customer-sub{font-size:12px;color:#8c998e;margin-top:4px}.timer-pill{white-space:nowrap;background:#e9f1e9;color:#5f876a;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800}.timer-pill.old{background:#fff0e9;color:#c07157}.customer-actions{display:flex;gap:8px;margin-top:15px}.customer-actions button{flex:1}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option{border:1px solid #e0e6dc;background:#fff;border-radius:15px;padding:22px 10px;text-align:center;font-size:17px;font-weight:800;color:#315843;min-height:83px}.option:hover,.option:focus{border-color:#6eab82;background:#eef5ee}.back{border:0;background:transparent;padding:0;color:#6c8a74;font-weight:800;margin-bottom:22px}.transfer-list{display:grid;gap:9px}.transfer-option{border:1px solid #e0e6dc;background:#fff;border-radius:12px;padding:15px;text-align:left;font-weight:800;color:#315843;display:flex;justify-content:space-between}.transfer-option small{font-weight:700;color:#87968a}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.setting-name{font-weight:800}.setting-sub{font-size:11px;color:#8c998e;margin-top:2px}.switch{position:relative;width:48px;height:28px;flex:none}.switch input{opacity:0;width:100%;height:100%;position:absolute;z-index:1;cursor:pointer}.switch span{display:block;width:48px;height:28px;border-radius:99px;background:#c7d0c7;transition:background .2s}.switch span:after{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:transform .2s}.switch input:checked+span{background:#438f68}.switch input:checked+span:after{transform:translateX(20px)}.add-form{display:flex;gap:8px;margin:20px 0 26px}.add-form input{min-width:0;flex:1;border:1px solid #dce3d9;border-radius:11px;padding:12px;background:#fff}.add-form button{white-space:nowrap}.settings-help{border-radius:12px;background:#eff3ed;padding:14px;color:#748578;font-size:12px;line-height:1.5}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,15px);background:#183b2f;color:#fff;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:all .2s;z-index:20;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){.app-shell{padding:0 16px 40px}.topbar{height:74px}.brand small,.today,.icon-button span{display:none}.page-intro{margin:30px 0 21px}.clock{font-size:14px}.stats{gap:7px;margin-bottom:32px}.stat{padding:13px 10px;gap:7px;border-radius:13px}.stat-icon{display:none}.stat strong{font-size:21px}.stat small{font-size:10px}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-card{padding:15px;min-height:154px}.staff-name{font-size:16px}.staff-detail{font-size:11px}.drawer-head{padding:22px}.drawer-body{padding:20px 22px 35px}}@media(max-width:390px){.staff-grid{grid-template-columns:1fr}.staff-card{min-height:130px}}
.login-screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#f6f3ed;padding:20px}.login-card{width:min(400px,100%);background:#fff;border:1px solid #e3e8df;border-radius:22px;padding:34px;box-shadow:0 18px 50px #193b2e18}.login-card .brand-mark{margin-bottom:30px}.login-card h1{margin:0 0 6px;font-size:30px;letter-spacing:-.06em}.login-card label{display:block;font-size:12px;font-weight:800;color:#526d5b;margin:16px 0}.login-card input{display:block;width:100%;margin-top:7px;border:1px solid #dce3d9;border-radius:11px;padding:13px;background:#fff;font-size:17px}.login-error{min-height:20px;color:#b34e44;font-size:12px;font-weight:800}.login-card .wide{margin:6px 0 0}
.option.selected{border-color:#3f946a;background:#e6f3e8;box-shadow:inset 0 0 0 2px #3f946a}.field-label{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px;font-size:13px;font-weight:800;color:#355744}.field-label span{font-size:11px;font-weight:700;color:#91a096}.form-field{display:block;width:100%;border:1px solid #dce3d9;border-radius:12px;padding:13px 14px;background:#fff;color:#19332d;font-size:16px}.form-field::placeholder{color:#a5afa6}.remarks-field{min-height:104px;resize:vertical;line-height:1.45}.assign-submit{margin:24px 0 0}.primary:disabled{opacity:.48;cursor:not-allowed}.customer-info{font-size:12px;color:#536f5e;font-weight:700;margin-top:11px;line-height:1.45}.remarks-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#6c7d70;font-weight:500}
.quantity-heading{margin:27px 0 12px}.option:disabled{opacity:.55;cursor:wait}.option-grid .option:last-child:nth-child(odd){grid-column:1/-1}