:root{color:#1e2529;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f1;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.portal-page{background:#eef2f1;min-height:100vh;padding:28px}.portal-top{justify-content:space-between;align-items:center;gap:18px;margin-bottom:54px;display:flex}.portal-brand{color:#17211f;margin-bottom:0}.portal-brand span{color:#65736f}.portal-hero{text-align:center;max-width:820px;margin:0 auto 26px}.portal-hero h1{margin-bottom:10px;font-size:42px}.portal-hero p:last-child{color:#65736f;font-size:18px}.role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1160px;margin:0 auto;display:grid}.role-card{color:#1e2529;text-align:left;background:#fff;border:1px solid #d6ddda;border-radius:8px;align-content:start;gap:14px;min-height:270px;padding:24px;display:grid}.role-card:hover{background:#f6fbf9;border-color:#2d6f62}.role-card strong{font-size:22px}.role-card span{color:#65736f}.role-card b{color:#2d6f62;align-self:end}.login-shell{place-items:start center;min-height:520px;display:grid}.login-panel{width:min(520px,100%)}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f5faf8;background:#17211f;padding:24px 18px}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#17211f;background:#f4c76b;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.brand strong,.brand span{display:block}.brand span{color:#aec0ba;font-size:13px}.nav-list{gap:8px;display:grid}.nav-button{color:#dbe6e2;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;display:flex}.nav-button.active,.nav-button:hover{color:#fff;background:#28413c}.role-switch{color:#dbe6e2;background:0 0;border:1px solid #3a514c;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:42px;margin-top:18px;font-weight:700;display:flex}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.top-actions{justify-content:flex-end;display:flex}.language-select{color:#4d5b57;grid-template-columns:auto auto minmax(120px,1fr);align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:700;display:grid}.language-select select{min-height:40px}.eyebrow{color:#65736f;margin:0 0 4px;font-size:13px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:30px}h2{letter-spacing:0;margin-bottom:4px;font-size:20px}h3{letter-spacing:0;margin-bottom:0;font-size:16px}.kpi-strip{grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px;display:grid}.kpi,.panel,.summary-card{background:#fff;border:1px solid #d6ddda;border-radius:8px}.kpi{min-height:70px;padding:12px}.kpi span{color:#65736f;font-size:12px}.kpi strong{font-size:22px;display:block}.content-grid{gap:18px;display:grid}.supplier-grid,.booking-grid,.pickup-grid,.report-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.35fr)}.panel{min-width:0;padding:18px}.panel-heading,.subheading,.button-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading{margin-bottom:16px}.panel-heading p{color:#65736f;margin-bottom:0;font-size:14px}.supplier-list,.pickup-list,.supplier-summary{gap:10px;display:grid}.supplier-row{color:#1e2529;text-align:left;background:#fbfdfc;border:1px solid #dce4e1;border-radius:8px;gap:5px;width:100%;padding:13px;display:grid}.supplier-row.selected{background:#edf8f4;border-color:#2d6f62}.supplier-row span:not(.row-title){color:#65736f;align-items:center;gap:6px;font-size:13px;display:flex}.row-title{font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.single{grid-template-columns:1fr}label{color:#4d5b57;gap:6px;font-size:13px;font-weight:700;display:grid}label.wide{grid-column:1/-1}input,select{color:#1e2529;background:#fff;border:1px solid #cfd8d5;border-radius:8px;width:100%;min-height:40px;padding:0 10px}.table-block{margin-top:18px}table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e6ece9;padding:11px 8px}th{color:#65736f;font-size:12px;font-weight:700}.meal-thumb{object-fit:cover;background:#e6ece9;border-radius:6px;width:54px;height:42px;display:block}.inline-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.inline-form .primary-button{grid-column:1/-1}.primary-button,.secondary-button,.icon-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#2d6f62}.secondary-button,.icon-button{color:#26312e;background:#fff;border-color:#cfd8d5}.primary-button.full{width:100%;margin-top:14px}.secondary-button.full{width:100%;margin-top:10px}.secondary-button.subtle{background:0 0}.scan-panel{align-self:start}.scan-input input{min-height:54px;font-size:22px;font-weight:800}.employee-card,.pickup-item,.summary-card div{align-items:center;gap:12px;display:flex}.employee-card{background:#f5f8f7;border-radius:8px;margin-top:14px;padding:14px}.booking-user{margin:0 0 14px}.employee-card div{flex:1}.employee-card strong,.employee-card span{display:block}.employee-card span,.pickup-item span,.summary-card span{color:#65736f;font-size:13px}.map-preview{background:#f5f8f7;border:1px solid #d6ddda;border-radius:8px;align-items:center;gap:14px;margin-top:18px;padding:18px;display:flex}.map-preview strong,.map-preview span,.map-preview b{display:block}.map-preview span{color:#65736f;font-size:14px}.map-preview b{color:#2d6f62;margin-top:6px}.date-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.date-strip.compact{margin-top:12px}.date-tile{color:#1e2529;background:#fff;border:1px solid #cfd8d5;border-radius:8px;gap:3px;min-height:66px;padding:8px;display:grid}.date-tile.active{background:#e8f5f1;border-color:#2d6f62}.date-tile span{color:#65736f;font-size:12px}.date-tile strong{font-size:16px}.meal-preview{background:#fbfdfc;border:1px solid #d6ddda;border-radius:8px;grid-template-columns:116px minmax(0,1fr);gap:14px;margin-top:14px;padding:12px;display:grid}.meal-preview img{object-fit:cover;background:#e6ece9;border-radius:8px;width:116px;height:92px}.meal-preview span,.meal-preview b{color:#65736f;font-size:12px}.meal-preview strong,.meal-preview span,.meal-preview b{display:block}.meal-preview strong{margin-top:2px;font-size:18px}.meal-preview p{color:#4d5b57;margin:4px 0}.meal-grid-heading{margin-top:16px}.meal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.meal-card{color:#1e2529;text-align:left;background:#fff;border:1px solid #d6ddda;border-radius:8px;gap:7px;min-height:220px;padding:10px;display:grid}.meal-card.selected{background:#e8f5f1;border-color:#2d6f62}.meal-card img{object-fit:cover;background:#e6ece9;border-radius:7px;width:100%;height:96px}.meal-card strong{font-size:16px}.meal-card span,.meal-card p{color:#65736f;margin:0;font-size:12px}.worker-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.check-row{background:#fbfdfc;border:1px solid #dce4e1;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 10px;font-weight:700;display:flex}.check-row input{width:auto;min-height:auto}.pickup-item{border:1px solid #e0e7e4;border-radius:8px;justify-content:space-between;padding:14px}.pickup-item strong,.pickup-item span{display:block}.empty-state{color:#65736f;text-align:center;border:1px dashed #cfd8d5;border-radius:8px;padding:24px}.status{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status.ok{color:#1e6a50;background:#e5f5ee}.status.pending{color:#8a5a0a;background:#fff1d6}.summary-card{padding:14px}.summary-card b{margin-top:10px;font-size:24px;display:block}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;padding:12px;position:sticky;top:0}.brand{margin-bottom:12px}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-button{justify-content:center;padding:0 8px}.nav-button span{display:none}.topbar,.panel-heading,.portal-top{flex-direction:column;align-items:stretch}.kpi-strip,.role-grid,.date-strip,.worker-checks,.supplier-grid,.booking-grid,.pickup-grid,.report-grid,.form-grid,.inline-form{grid-template-columns:1fr}.workspace{padding:16px}.portal-page{padding:18px}.portal-hero{text-align:left}.portal-hero h1{font-size:32px}.meal-preview,.meal-grid{grid-template-columns:1fr}.meal-preview img{width:100%;height:150px}table{white-space:nowrap;display:block;overflow-x:auto}}