@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{color:#202e28;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#f4eee4;--muted:#a8a39a;--line:#e8b15738;--paper:#161c22eb;--green:#b77a35;--green-dark:#181e24;--lime:#efc16d;--rust:#d75938;background:#f6f5ef;font-family:DM Sans,Noto Sans Thai,sans-serif}.sidebar{background:linear-gradient(#0b1118 0%,#101820 58%,#080c11 100%);border-right:1px solid #eeaf4947;flex-basis:258px;width:258px;box-shadow:16px 0 38px #00000040}.brand-caption{color:#b5b0a6;letter-spacing:2px}.today-label,.page-heading p,.text-button{color:#aaa39a}.button.primary:hover{background:linear-gradient(135deg,#f0bb62,#a45a2c)}.button.outline{color:#e7b663;border-color:#e7b6636b}.welcome-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 75% 20%,#ffd57e42,#0000 14%),repeating-linear-gradient(115deg,#0000 0 20px,#ffb54a0f 21px 22px);position:absolute;inset:0}.stat-card:hover,.shortcut-card:hover{background:linear-gradient(145deg,#232628fa,#1b1817fa);border-color:#f5bb5bb8;box-shadow:0 16px 32px #00000047,0 0 24px #e39b341a}.stat-icon.sand,.shortcut-icon.cream{color:#f2bd68;background:#b1672538}.stat-icon.sage,.shortcut-icon.green{color:#d5ba75;background:#5c67413b}.stat-icon.blue,.shortcut-icon.blue{color:#9eb4b3;background:#3d60663d}.stat-icon.rose,.shortcut-icon.peach{color:#e69b7a;background:#97412c3d}.bottom-note{background:#4c351e52;border:1px solid #e4a44333}.state-card{background:#151c23;border-color:#e2a4484d;box-shadow:0 18px 55px #00000057}.login-card{background:#141b21ed;border-color:#e8b15759;box-shadow:0 22px 70px #00000073}.main-column{background:linear-gradient(#090d12c7,#090d12 48%)}.topbar{min-height:78px;padding:0 34px}.topbar:before{content:"⌕  ค้นหาเมนู, วัตถุดิบ, งาน, เอกสาร หรือรหัส MC …";color:#d4c8b8;background:#1a222bdb;border-radius:15px;width:min(520px,42vw);padding:14px 19px;font-size:13px;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}.page-content{max-width:1500px;padding:34px 40px 64px}.page-heading{margin-bottom:24px}.overview{flex-direction:column;gap:22px;display:flex}.welcome-banner{background:linear-gradient(90deg,#080d13fa 0%,#0c1218e0 43%,#3821129e 100%),radial-gradient(circle at 78% 35%,#f4a7418c,#0000 24%),linear-gradient(135deg,#1b2730,#0a1016);align-items:center;min-height:320px;padding:42px 46px;display:flex;position:relative;overflow:hidden}.welcome-banner:after{content:"✦  AL DENTE  ✦";color:#f3bc657a;letter-spacing:4px;font-family:Georgia,serif;font-size:18px;position:absolute;bottom:25px;right:34px;transform:rotate(-8deg)}.welcome-content{z-index:1;max-width:610px;position:relative}.welcome-kicker{color:#eab15e;letter-spacing:2px;text-transform:uppercase}.welcome-banner h2{margin:14px 0 10px;font-size:clamp(42px,5vw,72px)}.welcome-banner p{max-width:470px;font-size:16px}.welcome-art{opacity:.72;transform:scale(1.3)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{text-align:left;border-radius:16px;min-height:142px;padding:20px;position:relative}.stat-card strong{margin-top:7px;font-family:Georgia,serif;font-size:34px;display:block}.shortcuts-grid{grid-template-columns:repeat(3,1fr);gap:16px}.shortcut-card{text-align:left;border-radius:17px;min-height:150px;padding:22px}.shortcut-icon{border-radius:14px;place-items:center;width:50px;height:50px;font-size:26px;display:grid}.shortcut-arrow{font-size:22px}@media (width<=900px){.topbar:before{display:none}.page-content{padding:24px 18px 48px}.stats-grid,.shortcuts-grid{grid-template-columns:repeat(2,1fr)}}*{box-sizing:border-box}body{background:#f6f5ef;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;display:flex}.sidebar{color:#f7f5e9;background:#203c30;flex-direction:column;flex:0 0 250px;width:250px;min-height:100vh;padding:28px 16px 20px;display:flex}.side-brand{align-items:center;gap:11px;padding:0 10px 35px;display:flex}.brand-mark{color:#203c30;letter-spacing:-.8px;background:#dbe1ad;border-radius:14px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.brand-mark.large{border-radius:18px;flex-basis:54px;width:54px;height:54px;font-size:15px}.brand-mark.small{border-radius:12px;flex-basis:33px;width:33px;height:33px;font-size:11px}.brand-name{letter-spacing:1.7px;font-size:15px;font-weight:700;line-height:1.2}.brand-caption{color:#aeb8a9;letter-spacing:1.45px;margin-top:4px;font-size:8px}.nav-list{flex:1;overflow-y:auto}.nav-group{margin-bottom:25px}.nav-label{color:#a9b5a9;letter-spacing:1.45px;text-transform:uppercase;padding:0 13px 9px;font-size:9px;font-weight:700}.nav-item{color:#d2d8ce;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 13px;font-size:13px;transition:all .18s;display:flex;position:relative}.nav-item.active{color:#213a2e;background:#e3e6c1;font-weight:700}.nav-icon{text-align:center;opacity:.9;width:18px;font-size:17px}.nav-indicator{background:#bf684a;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid #f0f4e529;padding:17px 10px 2px}.secure-label{color:#d7e5d1;align-items:center;gap:8px;font-size:11px;display:flex}.secure-dot,.welcome-dot,.success-dot{background:#a9cf82;border-radius:100%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #a9cf8224}.sidebar-foot{color:#8fa095;letter-spacing:1.8px;padding-top:21px;font-size:8px;line-height:1.8}.main-column{flex:1;min-width:0}.topbar{background:#fffefad1;border-bottom:1px solid #e7e8e0;justify-content:flex-end;align-items:center;height:76px;padding:0 42px;display:flex}.topbar-right{align-items:center;gap:26px;display:flex}.today-label{color:#718076;font-size:12px}.user-menu{align-items:center;gap:10px;display:flex}.avatar{color:#203c30;background:#e1e5cc;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.user-meta{flex-direction:column;gap:1px;min-width:94px;display:flex}.user-meta strong{color:var(--ink);font-size:11px;font-weight:700}.user-meta span{color:#829087;font-size:10px}.signout-button{color:#718076;background:0 0;border:0;border-radius:8px;width:30px;height:30px;font-size:17px}.signout-button:hover{color:#203c30;background:#edf0e7}.mobile-brand{display:none}.page-content{width:min(1200px,100%);margin:0 auto;padding:37px 42px 70px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.eyebrow{color:#a66c52;letter-spacing:1.55px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.8px;color:#20382f;margin:8px 0 4px;font-size:29px;line-height:1.18}.page-heading p{color:#7a877e;margin:0;font-size:12px}.heading-actions{gap:8px;display:flex}.button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.button.primary:hover{background:#1e4230;transform:translateY(-1px)}.button.outline{color:#284e3d;background:0 0;border:1px solid #bdc9bc}.button.outline:hover{background:#eff2e8}.button.light{color:#203d30;background:#e2e7c4;margin-top:18px;padding:11px 14px}.button.light:hover{background:#edf0d6}.button.quiet{color:#65746b;background:0 0}.button.quiet:hover{background:#f0f2ed}.button.full{width:100%;height:45px}.small-button{padding:8px 11px;font-size:10px}.plus{font-size:17px;font-weight:400;line-height:10px}.overview{animation:.25s both enter}.welcome-banner{color:#f7f5e9;background:#284a3a;border-radius:13px;justify-content:space-between;align-items:center;min-height:215px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:1;position:relative}.welcome-kicker{color:#d9e0c3;letter-spacing:.2px;align-items:center;gap:9px;font-size:10px;display:flex}.welcome-kicker .welcome-dot{width:6px;height:6px}.welcome-banner h2{letter-spacing:-.6px;margin:14px 0 6px;font-size:25px}.welcome-banner p{color:#c1cdc1;margin:0;font-size:11px}.welcome-banner .button span{font-size:14px}.welcome-art{flex:0 0 330px;align-self:stretch;width:330px;position:relative}.plate{border-radius:50%;position:absolute}.plate-back{background:#d1d3b2;width:184px;height:184px;top:4px;right:40px;box-shadow:0 16px 30px #00000026}.plate-front{background:#f6f1df;border:4px solid #eee8d5;place-items:center;width:155px;height:155px;display:grid;top:18px;right:54px}.plate-food{background:#c85f3d;border:9px solid #e9ba75;border-radius:50%;width:92px;height:92px;position:relative;transform:rotate(-18deg);box-shadow:inset 0 0 0 2px #965137}.plate-food i{background:#ecd59a;border-radius:6px;width:54px;height:4px;display:block;position:absolute;top:23px;left:10px;transform:rotate(32deg)}.plate-food i:nth-child(2){top:39px;left:11px;transform:rotate(-23deg)}.plate-food i:nth-child(3){top:55px;left:12px;transform:rotate(8deg)}.plate-food b{background:#6f8d56;border:3px solid #cad39e;border-radius:50%;width:20px;height:20px;position:absolute;top:23px;left:34px}.art-caption{color:#ced8b2;letter-spacing:2px;font-size:8px;font-weight:700;line-height:1.35;position:absolute;bottom:12px;right:20px}.section-title-row{justify-content:space-between;align-items:flex-end;margin:30px 0 13px;display:flex}.section-title-row h2,.subsection-heading h2{letter-spacing:-.3px;color:#273a31;margin:5px 0 0;font-size:17px}.text-button{color:#718076;background:0 0;border:0;padding:7px 0;font-size:11px}.text-button:hover{color:#284e3d}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{text-align:left;min-height:136px;color:inherit;background:var(--paper);border:1px solid #ebebe4;border-radius:11px;flex-direction:column;align-items:flex-start;padding:16px;transition:all .2s;display:flex;position:relative}.stat-card:hover{border-color:#cad2bd;transform:translateY(-2px);box-shadow:0 12px 25px #22382c0d}.stat-icon{border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:13px;font-size:14px;display:grid}.stat-icon.sand{color:#a96a4e;background:#f6e7da}.stat-icon.sage{color:#4f775d;background:#e5eddd}.stat-icon.blue{color:#597a88;background:#e4eff0}.stat-icon.rose{color:#9f5f54;background:#f6e5e2}.stat-label{color:#7d887e;font-size:10px}.stat-card strong{color:#283b31;margin-top:3px;font-size:23px;font-weight:600}.stat-arrow{color:#a2aa9e;font-size:12px;position:absolute;top:17px;right:17px}.quick-title{margin-top:33px}.shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shortcut-card{background:var(--paper);text-align:left;color:inherit;border:1px solid #ebebe4;border-radius:10px;align-items:center;gap:12px;padding:14px;transition:all .18s;display:flex}.shortcut-card:hover{background:#fff;border-color:#c9d2c5;transform:translateY(-1px)}.shortcut-icon{border-radius:10px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:15px;display:grid}.shortcut-icon.cream{color:#a96e51;background:#f5e9dc}.shortcut-icon.green{color:#4e7756;background:#e4eddf}.shortcut-icon.blue{color:#557986;background:#e5eff0}.shortcut-icon.peach{color:#b1674d;background:#f6e6df}.shortcut-text{flex-direction:column;gap:3px;display:flex}.shortcut-text strong{font-size:11px}.shortcut-text small{color:#879188;font-size:9px}.shortcut-arrow{color:#8d9b8f;margin-left:auto;font-size:14px}.bottom-note{background:#eeefe5;border-radius:10px;align-items:center;gap:12px;margin-top:25px;padding:13px 16px;display:flex}.note-icon{color:#8e6f4e;background:#e3dec8;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.bottom-note strong{font-size:10px}.bottom-note p{color:#7e897f;margin:3px 0 0;font-size:9px}.note-pill{color:#697c6c;letter-spacing:.8px;border:1px solid #d8ddcf;border-radius:100px;margin-left:auto;padding:6px 9px;font-size:8px}.data-card{background:var(--paper);border:1px solid #ebebe4;border-radius:11px;overflow:hidden}.table-wrap{overflow-x:auto}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.recipe-card{text-align:left;color:#26362d;cursor:pointer;background:#fffefa;border:1px solid #e5e4dc;border-radius:14px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 8px 20px #14231814}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #14231829}.recipe-card img,.recipe-placeholder{object-fit:cover;width:100%;height:155px;display:block}.recipe-placeholder{color:#f8e2b3;letter-spacing:2px;background:linear-gradient(135deg,#20382e,#bd7d31);place-items:center;font-family:Georgia,serif;display:grid}.recipe-card-body{gap:5px;padding:14px;display:grid}.recipe-card-body strong{font-size:15px}.recipe-card-body small,.recipe-card-body span{color:#718075;font-size:12px}.card-allergens{flex-wrap:wrap;gap:4px;max-height:42px;display:flex;overflow:hidden}.card-allergen{background:#fff0ed;border:1px solid #e6a49a;border-radius:999px;place-items:center;width:23px;height:23px;font-size:13px;display:grid}.card-allergen.safe{color:#3f6e4d;background:#edf7ee;border-color:#b9d9bd}.recipe-detail{width:min(720px,100%)}.recipe-detail-image{object-fit:cover;border-radius:10px;width:100%;max-height:300px;margin-bottom:14px}.recipe-meta{color:#617064;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.recipe-detail h3{color:#2c4034;margin:18px 0 7px;font-size:15px}.recipe-detail p{white-space:pre-wrap;color:#536158;margin:0}.ingredient-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ingredient-list li{color:#24352b;background:#f5f4ed;border-radius:7px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}.ingredient-list small{color:#69766c;white-space:nowrap}.allergen-tags{flex-wrap:wrap;gap:7px;display:flex}.allergen-tag{color:#a33127;background:#fff0ed;border:1px solid #e6a49a;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.allergen-safe{color:#3f6e4d;background:#edf7ee;border:1px solid #b9d9bd;border-radius:999px;padding:5px 9px;font-size:12px}.recipe-section{border-top:1px solid #e7e1d5;padding:12px 0}.recipe-section summary{cursor:pointer;color:#2c4034;font-size:15px;font-weight:800}.recipe-section summary::marker{color:#c77d2e}.recipe-note{color:#6a5b4d;margin:10px 0 0;font-size:13px}.ingredient-table{border:1px solid #e2d9ca;border-radius:8px;margin-top:10px;overflow:auto}.ingredient-row{color:#26362d;border-top:1px solid #eee5d8;grid-template-columns:100px minmax(260px,1fr) 70px 90px;align-items:center;gap:10px;min-width:560px;padding:8px 10px;font-size:12px;display:grid}.ingredient-row:first-child{border-top:0}.ingredient-head{color:#725b43;background:#f3eadc;font-weight:700}.cost-box{color:#5e695f;font-size:13px}.cost-total{color:#8b4d17;margin:8px 0 12px;font-weight:800}table{border-collapse:collapse;text-align:left;width:100%}th{color:#7d887d;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:#fafaf5;border-bottom:1px solid #eceee7;padding:12px 15px;font-size:8px;font-weight:700}td{color:#526057;vertical-align:middle;border-bottom:1px solid #eff0eb;padding:13px 15px;font-size:10px}tbody tr:last-child td{border-bottom:0}td strong{color:#2b3e33;font-weight:600}.subcell{color:#929c92;text-overflow:ellipsis;white-space:nowrap;max-width:270px;margin-top:4px;font-size:9px;display:block;overflow:hidden}.status-pill{color:#65736b;white-space:nowrap;background:#f0f1ec;border-radius:100px;align-items:center;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.status-pill.muted{color:#7f8580;background:#ededea}.status-pill.plain{color:#65736b;background:#f0f1ec}.row-actions{white-space:nowrap;justify-content:flex-end;gap:8px;display:flex}.mini-action{color:#577464;background:0 0;border:0;padding:4px 2px;font-size:9px;font-weight:600}.mini-action:hover{color:#203d30;text-decoration:underline}.mini-action.danger-text{color:#ad6955}.mini-action.approve{color:#45794f}.stock-notice,.error-notice{margin:-8px 0 14px}.notice{border-radius:9px;align-items:center;gap:10px;padding:11px 13px;font-size:10px;display:flex}.notice>span{border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.stock-notice{color:#896943;background:#f8eddb}.stock-notice>span{background:#eed9b2}.stock-notice strong{font-size:10px}.stock-notice p{margin:3px 0 0;font-size:9px}.error-notice{color:#994f3f;background:#fae9e5;margin:0 0 18px}.error-notice>span{background:#f4d3cb}.error-notice>div{flex:1}.error-notice button{color:inherit;background:0 0;border:0;font-size:18px}.stock-state{white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:inline-flex}.stock-state i{background:#789d6e;border-radius:50%;width:6px;height:6px}.stock-state.low{color:#af6948}.stock-state.low i{background:#cf7652}.stock-state.enough{color:#64806b}.shift-pill{color:#5b705f;background:#edf0e5;border-radius:100px;padding:5px 8px;font-size:9px;display:inline-flex}.empty-state{text-align:center;background:#fffefa99;border:1px dashed #dfe3d9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:25px;display:flex}.empty-illustration{color:#65806b;background:#e8eddf;border-radius:14px;place-items:center;width:43px;height:43px;margin-bottom:13px;font-size:20px;display:grid}.empty-state strong{color:#43554a;font-size:12px}.empty-state p{color:#879188;max-width:350px;margin:6px 0 0;font-size:10px;line-height:1.6}.checklists-layout{gap:30px;display:grid}.subsection-heading{justify-content:space-between;align-items:flex-end;margin:0 0 12px;display:flex}.subsection-heading h2{font-size:15px}.count-badge{color:#54705c;background:#e8eddf;border-radius:50%;place-items:center;min-width:25px;height:25px;padding:0 7px;font-size:9px;font-weight:700;display:grid}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.template-card{background:var(--paper);border:1px solid #e8ebe2;border-radius:10px;min-width:0;padding:14px}.template-top{justify-content:space-between;align-items:center;display:flex}.template-icon,.training-icon{color:#4e7557;background:#e7eddf;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.template-card h3,.training-card h3{color:#304338;margin:14px 0 4px;font-size:12px}.template-card p{color:#8a958b;margin:0;font-size:9px}.template-actions{align-items:center;gap:8px;margin-top:15px;display:flex}.runs-section{border-top:1px solid #e7e8e0;padding-top:24px}.runs-list{gap:10px;display:grid}.run-card{background:var(--paper);border:1px solid #e7eae2;border-radius:10px;padding:14px 15px}.run-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.run-head strong{color:#304338;font-size:11px;display:block}.run-head small{color:#89948b;margin-top:4px;font-size:9px;display:block}.run-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px;margin-top:11px;display:grid}.answer-row{color:#6c786f;align-items:center;gap:8px;font-size:9px;display:flex}.answer-row.done{color:#4b7656;text-decoration:line-through}.answer-row input{accent-color:#50795a}.training-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.training-card{background:var(--paper);border:1px solid #e8ebe2;border-radius:11px;flex-direction:column;min-height:220px;padding:16px;display:flex}.training-card-head{justify-content:space-between;align-items:center;display:flex}.training-card-head .eyebrow{font-size:8px}.training-card h3{margin-top:16px;font-size:13px}.training-content{color:#78847b;white-space:pre-wrap;margin:3px 0 14px;font-size:10px;line-height:1.6}.training-meta{color:#8c968d;justify-content:space-between;margin-top:auto;padding-top:10px;font-size:9px;display:flex}.completed-label{color:#4d7958}.training-footer{border-top:1px solid #eff0eb;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;padding-top:11px;display:flex}.muted{color:#909b91;font-size:9px}.request-list{gap:10px;display:grid}.request-card{background:var(--paper);border:1px solid #e8ebe2;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px;display:flex}.request-type{color:#a76d4f;letter-spacing:1.2px;font-size:8px;font-weight:700}.request-main h3{color:#34473c;margin:6px 0;font-size:12px}.request-main h3 span{color:#839087;font-weight:400}.request-main p{color:#68766d;margin:0 0 5px;font-size:10px;line-height:1.5}.request-main small{color:#909a91;font-size:9px}.request-side{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.review-buttons{gap:9px;display:flex}.table-select{color:#586960;background:#fff;border:1px solid #e4e8df;border-radius:6px;min-width:120px;padding:7px 8px;font-size:9px}.table-select:disabled{opacity:.75;background:#f2f3ee}.loading-page,.state-page{color:#738078;background:#f6f5ef;place-items:center;min-height:100vh;font-size:12px;display:grid}.loading-page{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.spinner.dark{color:#54775d;border-color:#54775d #dae2d7 #dae2d7}.loading-strip{color:#708074;align-items:center;gap:8px;margin:-9px 0 16px;font-size:10px;display:flex}.state-card{text-align:center;background:#fffefa;border:1px solid #e6e8df;border-radius:14px;width:min(440px,100% - 32px);padding:34px;box-shadow:0 18px 55px #22392d14}.state-icon{color:#294a39;background:#e5ebd7;border-radius:16px;place-items:center;width:48px;height:48px;margin:0 auto 17px;font-weight:700;display:grid}.state-icon.error-icon{color:#a95342;background:#f7e4df;font-size:22px}.state-icon.pending-icon{color:#a8793d;background:#f6ebd5;font-size:23px}.state-card h1{color:#273c31;margin:9px 0;font-size:19px}.state-card p{color:#78847b;margin:0 0 20px;font-size:11px;line-height:1.65}.state-card .button{margin-top:3px}.pending-status{color:#9c7041;align-items:center;gap:7px;margin:-4px auto 17px;font-size:10px;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-dot.pending{color:#d19751}.login-shell{background:#203d31;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex;position:relative;overflow:hidden}.login-brand{z-index:1;color:#f5f4e8;align-items:center;gap:12px;display:flex;position:absolute;top:34px;left:45px}.login-brand .brand-caption{color:#b4c1b1}.login-card{z-index:1;background:#fffefa;border-radius:15px;width:min(430px,100%);padding:37px 38px 29px;box-shadow:0 28px 80px #0c1c143d}.login-card h1{color:#23392e;letter-spacing:-1px;margin:12px 0 8px;font-size:31px;line-height:1.2}.login-copy{color:#77837a;margin:0 0 24px;font-size:11px}.login-form{gap:9px;display:grid}.login-form label{color:#495a4f;font-size:10px;font-weight:700}.login-form input{color:#2b3e33;background:#fcfcf7;border:1px solid #dfe4da;border-radius:7px;outline:none;height:43px;padding:0 12px;font-size:11px}.login-form input:focus,.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#8aa48b;box-shadow:0 0 0 3px #5e84661f}.login-form .button{margin-top:5px}.login-security{color:#89948b;border-top:1px solid #eff0e9;align-items:center;gap:8px;margin-top:19px;padding-top:15px;font-size:9px;display:flex}.lock{color:#739078;font-size:14px}.login-foot{color:#a1b1a2;letter-spacing:2px;z-index:1;font-size:8px;position:absolute;bottom:22px}.login-orbit{pointer-events:none;border:1px solid #e5ebd21a;border-radius:50%;position:absolute}.orbit-one{width:600px;height:600px;top:-290px;right:-190px}.orbit-two{width:900px;height:900px;bottom:-680px;left:-240px}.sent-panel{color:#426b4c;background:#edf3e8;border-radius:9px;gap:12px;padding:14px;font-size:11px;display:flex}.sent-panel .success-dot{flex:0 0 7px;margin-top:5px}.sent-panel p{color:#6c8070;margin:5px 0 0;line-height:1.5}.inline-error{color:#a55343;background:#f9e9e5;border-radius:7px;padding:8px 10px;font-size:10px;line-height:1.45}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16271e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fffefa;border-radius:13px;width:min(650px,100%);max-height:min(90vh,850px);padding:22px;overflow:auto;box-shadow:0 24px 70px #0a18103b}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-head h2{color:#2c4034;margin:6px 0 0;font-size:18px}.icon-button{color:#738077;background:#f1f2ec;border:0;border-radius:7px;width:30px;height:30px;font-size:19px}.icon-button:hover{color:#294836;background:#e7ebe1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-field{color:#65736a;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.form-field.wide{grid-column:span 2}.form-field input,.form-field textarea,.form-field select{color:#36483d;background:#fcfcf8;border:1px solid #e0e4db;border-radius:7px;outline:none;width:100%;min-height:38px;padding:8px 10px;font-size:10px}.form-field textarea{resize:vertical;line-height:1.5}.form-field small{color:#969f96;font-size:8px;font-weight:400}.required-mark{color:#bd6b51}.modal-actions{border-top:1px solid #eff0e9;justify-content:flex-end;gap:8px;margin-top:19px;padding-top:14px;display:flex}.quiz-card{width:min(620px,100%)}.quiz-list{gap:12px;display:grid}.quiz-question{border:1px solid #e7eae2;border-radius:9px;margin:0;padding:12px}.quiz-question legend{color:#3b5044;padding:0 5px;font-size:11px;font-weight:700}.radio-option{color:#6b786e;align-items:center;gap:8px;padding:7px 4px;font-size:10px;display:flex}.radio-option input{accent-color:#50795a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1040px){.sidebar{flex-basis:220px;width:220px}.page-content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.training-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{display:block}.sidebar{z-index:10;flex-direction:row;align-items:center;width:auto;height:60px;min-height:0;padding:0 15px;position:sticky;top:0}.side-brand{display:none}.nav-list{align-items:center;gap:5px;height:60px;display:flex;overflow-x:auto}.nav-group{display:contents}.nav-label,.sidebar-bottom{display:none}.nav-item{flex:none;gap:7px;width:auto;padding:9px 11px;font-size:10px}.nav-icon{width:auto;font-size:13px}.topbar{justify-content:space-between;height:60px;padding:0 16px}.mobile-brand{letter-spacing:1px;color:#294535;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.today-label{display:none}.user-menu{gap:7px}.avatar{width:30px;height:30px;font-size:11px}.user-meta{min-width:0}.user-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:98px;font-size:9px;overflow:hidden}.user-meta span{font-size:8px}.signout-button{width:25px;font-size:15px}.page-content{padding:25px 16px 45px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}.welcome-banner{min-height:183px;padding:23px 20px}.welcome-banner h2{max-width:240px;font-size:21px}.welcome-banner p{max-width:240px;font-size:9px;line-height:1.5}.welcome-art{opacity:.85;flex-basis:160px;width:160px}.plate-back{width:130px;height:130px;top:12px;right:-8px}.plate-front{width:112px;height:112px;top:21px;right:0}.plate-food{width:78px;height:78px}.plate-food i{width:45px;top:18px;left:7px}.plate-food i:nth-child(2){top:32px}.plate-food i:nth-child(3){top:47px}.plate-food b{top:18px;left:27px}.art-caption{bottom:4px;right:-8px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:119px;padding:12px}.shortcuts-grid{gap:8px}.shortcut-card{align-items:flex-start;gap:8px;padding:11px}.shortcut-icon{flex-basis:28px;width:28px;height:28px;font-size:12px}.shortcut-text strong{font-size:10px}.shortcut-text small{font-size:8px;line-height:1.4}.shortcut-arrow{font-size:11px}.bottom-note{align-items:flex-start}.note-pill{display:none}.template-grid,.training-grid,.run-answers{grid-template-columns:1fr}.request-card{flex-direction:column}.request-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.heading-actions .button{padding:9px 11px;font-size:10px}.login-brand{top:20px;left:20px}.login-card{padding:28px 22px 22px}.login-card h1{font-size:28px}.login-foot{font-size:7px;bottom:12px}}@media (width<=430px){.welcome-art{flex-basis:108px;width:108px}.plate-back{width:102px;height:102px;top:27px;right:-17px}.plate-front{width:89px;height:89px;top:33px;right:-10px}.plate-food{border-width:7px;width:64px;height:64px}.plate-food i{width:37px;top:14px;left:4px}.plate-food i:nth-child(2){top:26px}.plate-food i:nth-child(3){top:39px}.plate-food b{width:15px;height:15px;top:14px;left:22px}.art-caption{display:none}.shortcuts-grid,.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:span 1}.modal-card{padding:17px}}body{color:#f4eee4;background:#090d12}.app-shell{background:radial-gradient(circle at 72% 0,#6f3e1857,#0000 34%),#090d12}.sidebar{background:linear-gradient(#0b1118,#101820 58%,#080c11);border-right-color:#eeaf4947;box-shadow:16px 0 38px #00000040}.brand-mark{color:#161b20;background:linear-gradient(135deg,#f8d28a,#a85c25);border-radius:50%;box-shadow:0 0 22px #eca64357}.brand-name{color:#f8d28a;letter-spacing:2.6px;font-family:Georgia,serif;font-size:18px}.brand-caption,.today-label,.page-heading p,.text-button{color:#aaa39a}.nav-label{color:#947f62}.nav-item{color:#c4c0b8;border-radius:12px}.nav-item:hover{color:#fff5e5;background:#e7a3421f}.nav-item.active{color:#171b20;background:linear-gradient(100deg,#f0b85e,#8f5228);box-shadow:0 0 20px #dc8f2b47}.nav-indicator{background:#fff0bd;box-shadow:0 0 9px #f6bc5d}.topbar{background:#090d12c2;border-bottom-color:#e8b1572e}.avatar{color:#1a1d21;background:linear-gradient(135deg,#f0bd6a,#9a5a30)}.user-meta strong,.page-heading h1,.section-title-row h2,.subsection-heading h2{color:#f5e9d5}.user-meta span{color:#9d968b}.eyebrow{color:#d6994b;letter-spacing:1.9px}.button.primary{color:#fff7e8;background:linear-gradient(135deg,#e4a94f,#8b4d26);box-shadow:0 8px 22px #b8661f3b}.button.light{color:#231b13;background:#f0bd6b}.welcome-banner{background:linear-gradient(110deg,#0c131aeb,#392112d6),radial-gradient(circle at 78% 30%,#d28632,#0000 32%);border:1px solid #f1ae496e;border-radius:17px;min-height:275px;box-shadow:0 24px 58px #00000052}.welcome-banner h2{color:#fff6e9;font-family:Georgia,serif;font-size:42px;line-height:1.05}.welcome-banner p{color:#d2c3af;font-size:13px}.plate-back{background:radial-gradient(circle,#c27e38,#402315 67%,#0000 68%)}.plate-front{background:#f4e6c9;border-color:#d79b4d}.plate-food{background:#8d3f25;border-color:#d9a152}.stat-card,.shortcut-card,.data-card,.template-card,.run-card,.training-card,.request-card{background:linear-gradient(145deg,#171e25f5,#0e141af5);border-color:#e2a4483d;box-shadow:0 10px 28px #0000002e}.stat-card:hover,.shortcut-card:hover{border-color:#f5bb5bb8}.recipe-slider{text-align:left;color:#fff;cursor:pointer;background:#101a20;border:1px solid #e2a44859;border-radius:14px;align-items:flex-end;width:100%;min-height:150px;margin-top:22px;padding:0;display:flex;position:relative;overflow:hidden}.recipe-slider img{object-fit:cover;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.recipe-slider:after{content:"";background:linear-gradient(90deg,#070e12eb,#070e1240);position:absolute;inset:0}.recipe-slider>span:not(.slider-dots){z-index:1;gap:5px;padding:22px;display:grid;position:relative}.recipe-slider small{color:#f1bd6a;letter-spacing:2px;font-size:10px}.recipe-slider strong{font-family:Georgia,serif;font-size:22px}.recipe-slider em{color:#e4e8e5;font-size:12px;font-style:normal}.shortcut-recipe-card{color:#fff;background-position:50%;background-size:cover;position:relative;overflow:hidden}.shortcut-recipe-card .shortcut-text,.shortcut-recipe-card .shortcut-icon{z-index:1;position:relative}.shortcut-slider-dots{z-index:2;gap:4px;display:flex;position:absolute;bottom:14px;right:18px}.shortcut-slider-dots i{background:#ffffff73;border-radius:50%;width:5px;height:5px}.shortcut-slider-dots i.active{background:#e6aa50;border-radius:5px;width:16px}.slider-dots{z-index:2;gap:5px;display:flex;position:absolute;bottom:18px;right:18px}.slider-dots i{background:#fff8;border-radius:50%;width:7px;height:7px}.slider-dots i.active{background:#f3b85e;border-radius:5px;width:18px}.stat-label,.shortcut-text small,td,.subcell,.muted,.training-content,.request-main p,.request-main small{color:#aaa39a}.stat-card strong,td strong,.shortcut-text strong,.template-card h3,.training-card h3,.request-main h3,.run-head strong{color:#f4eadc}.shortcut-arrow,.stat-arrow{color:#d5a255}.bottom-note{background:#4c351e52;border-color:#e4a44333}.note-icon{color:#f1c373;background:#b6712540}.note-pill{color:#e3b66b;border-color:#e3b66b47}th{color:#c49a60;background:#57371940;border-bottom-color:#e8b15733}td{border-bottom-color:#e8b1571f}tbody tr:hover{background:#eba7440f}.status-pill{color:#c7bba8;background:#dccaad1f}.status-pill.good{color:#cce3b4;background:#6f914833}.status-pill.pending{color:#f3c77b;background:#b4712433}.empty-state{background:#161c22b3;border-color:#e2a4483d}.empty-state strong{color:#efe3d0}.count-badge,.template-icon,.training-icon{color:#e5b56b;background:#b4732633}.runs-section{border-top-color:#e8b1572e}.table-select{color:#ded2bf;background:#151c23;border-color:#e2a44840}.loading-page,.state-page{color:#b9ad9e;background:#090d12}.state-card{background:#151c23;border-color:#e2a4484d}.state-card h1{color:#f1e7d9}.state-card p{color:#aaa39a}.login-shell{background:radial-gradient(circle at 70% 10%,#9b561b59,#0000 35%),#090d12}.login-card{background:#141b21ed;border-color:#e8b15759}.login-brand .brand-name{color:#f2c16d;font-family:Georgia,serif}.login-card h1{color:#f5e9d7;font-family:Georgia,serif}.login-card h1 span{color:#e6ad59}.login-copy,.login-security{color:#aaa39a}.login-form input{color:#f4eee4;background:#0d141a;border-color:#e8b15740}.schedule-card{background:#0e1824;border:1px solid #1c416d;border-radius:14px;overflow:hidden}.schedule-summary{color:#f4f7ff;background:linear-gradient(90deg,#10294c,#102036);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.schedule-summary strong{font-size:18px;display:block}.schedule-summary small{color:#8fa6c4;margin-top:4px;display:block}.schedule-count{color:#9eb6d8;background:#17355f;border-radius:10px;padding:10px 16px}.schedule-count b{color:#fff;margin-left:6px}.schedule-table{border-collapse:collapse;color:#e8f1ff;width:100%;min-width:860px}.schedule-table th{color:#b7cae3;text-align:center;background:#102d50;border-bottom:1px solid #1b4674;padding:12px 10px;font-size:11px}.schedule-table th:first-child,.schedule-table th:nth-child(2),.schedule-table td:first-child,.schedule-table td:nth-child(2){text-align:left}.schedule-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #173553;padding:10px 8px}.schedule-table td:first-child strong{font-size:12px;display:block}.schedule-table td:first-child small{color:#7792b2;margin-top:3px;font-size:9px;display:block}.schedule-table td:nth-child(2){color:#9eb4d0;font-size:10px}.schedule-table tbody tr:hover{background:#13263d}.schedule-table .shift-pill{color:#fff;white-space:nowrap;border-radius:5px;padding:5px 7px;font-size:9px;display:inline-block}.shift-morning{background:#078c91}.shift-afternoon{background:#5d3cc1}.shift-night{background:#3458a7}.shift-day_off,.shift-leave{background:#3a4657;color:#c0cad8!important}.shift-time{color:#90a7c3;margin-top:4px;font-size:9px;display:block}.shift-empty{color:#40516a;font-size:18px}.schedule-table .row-actions{justify-content:center;margin-top:4px}.schedule-legend{color:#9db3cd;gap:18px;padding:12px 18px;font-size:10px;display:flex}.schedule-legend span{align-items:center;gap:6px;display:inline-flex}.schedule-legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-morning{background:#078c91}.legend-afternoon{background:#5d3cc1}.legend-off{background:#3a4657}.schedule-top{background:linear-gradient(110deg,#0e2345,#111b38);justify-content:space-between;align-items:center;padding:22px 24px 14px;display:flex}.schedule-kicker{color:#8fa9ff;letter-spacing:2px;margin-bottom:7px;font-size:10px}.schedule-top strong{color:#f4f7ff;font-size:23px;display:block}.schedule-top small{color:#9bb0d2;margin-top:4px;display:block}.schedule-actions{gap:9px;display:flex}.schedule-actions .button{padding:10px 13px;font-size:11px}.schedule-controls{background:#10213c;border-top:1px solid #82aae61f;flex-wrap:wrap;align-items:end;gap:8px;padding:14px 20px;display:flex}.schedule-controls label{color:#b7c9e8;flex-direction:column;gap:4px;font-size:11px;display:flex}.schedule-controls input,.schedule-controls select{color:#eef5ff;background:#142e54;border:1px solid #345987;border-radius:8px;height:36px;padding:0 10px}.schedule-search{flex:1;min-width:220px}.schedule-stats{background:#10213c;align-items:stretch;gap:10px;padding:10px 20px 18px;display:flex}.schedule-date{color:#dce8ff;background:#16345f;border-radius:10px;align-items:center;gap:14px;padding:0 15px;font-size:12px;display:flex}.schedule-date span{color:#8fa9d8;font-size:20px}.stat-box{color:#fff;border-radius:11px;grid-template-columns:28px 1fr;align-items:center;column-gap:6px;min-width:150px;padding:10px 13px;display:grid}.stat-box b{font-size:15px}.stat-box small{color:#c8d5ed;grid-column:2;font-size:9px}.stat-box.staff{background:#173b70}.stat-box.morning{background:#087b7b}.stat-box.afternoon{background:#5335a1}.stat-box.off{background:#46546a}.danger-outline{color:#ff9a9a!important;border-color:#a94d4d!important}