body {
    background: red !important;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--navy:#0b2b52;--navy2:#061c35;--gold:#e5ad2d;--gold2:#f7ca59;--bg:#f4f7fb;--ink:#12223b;--muted:#6b7890;--line:#e5eaf1;--white:#fff;--green:#15945d;--shadow:0 12px 35px rgba(17,37,66,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0d315a,#061b33);color:#fff;padding:24px 14px;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 30px rgba(5,25,48,.08)}.side-brand{display:flex;align-items:center;gap:12px;padding:0 12px 24px}.side-brand img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:14px;padding:4px}.side-brand strong{display:block;font-family:Georgia,serif;font-size:26px}.side-brand span{font-size:11px;letter-spacing:4px}.side-nav{display:flex;flex-direction:column;gap:7px}.side-nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:11px;color:#e9f0f8;font-size:14px}.side-nav a i{font-style:normal;width:22px;text-align:center;font-size:20px}.side-nav a:hover{background:#ffffff12}.side-nav a.active{background:linear-gradient(100deg,#f7c94f,#b98a27);color:#10233d;font-weight:700;box-shadow:0 8px 22px #0002}.side-bottom{margin-top:auto;padding:20px 12px;border-top:1px solid #ffffff22;color:#cdd8e5;font-size:12px}.side-bottom .chef-mark{font-size:30px}.side-bottom b{color:#fff}.side-bottom a{display:block;margin-top:18px;color:#fff}.workspace{margin-left:250px;min-width:0;width:calc(100% - 250px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:20}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.top-welcome{display:flex;flex-direction:column}.top-welcome small{color:var(--muted);font-size:11px}.top-welcome strong{font-size:16px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px}.top-actions>div{display:flex;flex-direction:column}.top-actions small{color:var(--muted)}.today{color:var(--muted);margin-right:14px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.content{padding:26px 30px;max-width:1500px;margin:auto}.app-footer{padding:5px 30px 24px;color:#8390a4;font-size:11px;max-width:1500px;margin:auto}.flash{background:#fff7dc;border:1px solid #f3d477;color:#6b5313;border-radius:10px;padding:13px 16px;margin-bottom:18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.page-heading h1{margin:3px 0 5px;font-size:28px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;color:#b3821e;font-weight:800}.date-chip,.credit-pill{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 15px;box-shadow:var(--shadow)}.credit-pill{display:grid;grid-template-columns:auto auto;column-gap:14px;align-items:center;min-width:180px}.credit-pill span,.credit-pill small{font-size:10px;color:var(--muted)}.credit-pill strong{grid-row:1/3;grid-column:2;font-size:27px;color:var(--navy)}.hero{min-height:190px;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:28px 38px;margin-bottom:18px;color:#fff;position:relative;background:radial-gradient(circle at 80% 20%,#8c5b2038,transparent 30%),linear-gradient(100deg,#061b33 0%,#0d315a 58%,#12273c 100%);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;right:-30px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff17}.hero>div:first-child{z-index:2}.hero span{color:#f0b63a;letter-spacing:4px;font-size:11px;font-weight:800}.hero h2{font-family:Georgia,serif;font-size:34px;line-height:1.05;margin:12px 0}.hero h2 em{font-family:'Playfair Display',Georgia,serif;color:#f1b633}.hero p{margin:0;color:#dce5ef}.hero-food{font-size:100px;filter:drop-shadow(0 12px 15px #0006);z-index:2}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card,.student-summary article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow)}.metric-card i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px}.metric-card .blue{background:#e4efff;color:#1769d2}.metric-card .green{background:#dff7ea;color:#138b55}.metric-card .gold{background:#fff1ce;color:#d59608}.metric-card .purple{background:#eee8ff;color:#7354d8}.metric-card span,.student-summary span{font-size:12px;color:var(--muted)}.metric-card strong,.student-summary strong{display:block;font-size:25px;margin:3px 0;color:var(--navy)}.metric-card small{font-size:10px;color:#8b97a8}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title h3{margin:0;font-size:17px}.panel-title span{color:var(--muted);font-size:11px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-actions a{background:#f7f9fc;border:1px solid var(--line);padding:15px;border-radius:11px;display:grid;grid-template-columns:30px 1fr;font-size:19px}.quick-actions b{font-size:13px}.quick-actions small{grid-column:2;font-size:10px;color:var(--muted);margin-top:3px}.quote-panel{background:linear-gradient(145deg,#0b2b52,#153f6b);color:#fff}.quote-panel span{font-size:10px;letter-spacing:2px;color:var(--gold2)}.quote-panel blockquote{font-family:'Playfair Display',Georgia,serif;font-size:24px;margin:28px 0}.quote-panel small{color:#cdd9e6}.student-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.student-summary article i{font-style:normal;font-size:28px}.student-summary strong{font-size:17px}.menu-card{display:grid;grid-template-columns:minmax(250px,38%) 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.menu-photo{min-height:270px;background:linear-gradient(135deg,#f1d6a5,#bb7628);display:grid;place-items:center}.menu-photo img{width:100%;height:100%;object-fit:cover}.menu-photo span{font-size:95px}.menu-info{padding:28px}.available{display:inline-block;background:#dcf6e8;color:#137a4d;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:700}.menu-info h2{font-size:28px;margin:14px 0 8px}.menu-info>p{color:var(--muted);line-height:1.6}.drink{font-weight:600;color:var(--ink)!important}.menu-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.menu-bottom strong{font-size:20px}.menu-bottom button,.login-btn,button{border:0;background:var(--navy);color:#fff;border-radius:9px;padding:12px 18px;font-weight:700}.empty-state{text-align:center;padding:50px 20px;color:var(--muted)}.empty-state b{font-size:50px}.empty-state h3{color:var(--ink)}
/* Existing forms/tables */.grid{display:grid;grid-template-columns:1fr 2fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:var(--shadow)}.card h1,.card h2,.card h3{color:var(--navy)}label{display:block;font-size:12px;font-weight:700;margin:12px 0}input,textarea{width:100%;padding:12px 13px;border:1px solid #dce3ec;border-radius:9px;margin-top:6px;outline:none;background:#fff}input:focus,textarea:focus{border-color:#7ba0c9;box-shadow:0 0 0 3px #1d65ad12}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:12px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}th{background:#f7f9fc;color:#536178}.inline{display:flex;gap:8px}.inline input{margin:0;min-width:90px}
/* Login */.auth-page{background:#fff}.auth-main{min-height:100vh}.auth-main>.flash{position:fixed;z-index:50;top:15px;left:50%;transform:translateX(-50%)}.login-layout{min-height:100vh;display:grid;grid-template-columns:44% 56%}.login-showcase{position:relative;background:linear-gradient(160deg,#0d315a,#061b33);color:#fff;overflow:hidden}.login-showcase:before{content:"";position:absolute;inset:auto -15% -10% -10%;height:40%;background:radial-gradient(ellipse,#d9931f55,transparent 65%)}.showcase-content{position:relative;z-index:2;height:100%;padding:38px 9%;display:flex;flex-direction:column}.showcase-brand{display:flex;align-items:center;gap:18px}.showcase-brand img{width:95px;height:95px;object-fit:contain;background:#fff;border-radius:18px;padding:5px}.showcase-brand span{letter-spacing:5px;font-size:12px}.showcase-content h1{font-size:46px;line-height:1.08;margin:45px 0 12px;max-width:580px}.showcase-content h1 em{font-style:normal;color:#f1b532}.showcase-content>p{color:#cbd7e5}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.feature-row div{font-size:11px}.feature-row b{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d7a737;border-radius:12px;color:#f0b63a;font-size:20px;margin-bottom:8px}.food-visual{margin-top:auto;display:flex;align-items:end;gap:20px}.plate{font-size:110px;filter:drop-shadow(0 12px 20px #0008)}.food-visual span{font-family:'Playfair Display',Georgia,serif;font-size:23px;transform:rotate(-5deg)}.showcase-content>small{margin-top:20px;letter-spacing:2px;color:#d6dde7;font-size:9px}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;background:radial-gradient(circle at 70% 20%,#eaf1fa 0,transparent 35%),#fbfcfe}.domain-pill{font-size:12px;color:#738096;margin-bottom:22px}.login-card{width:min(100%,530px);background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:36px 44px;box-shadow:0 25px 65px rgba(25,52,86,.1);text-align:center}.login-logo{width:150px;height:135px;object-fit:contain}.login-card h2{font-size:30px;margin:5px 0}.login-card>p{color:var(--muted);margin:0 0 25px}.field{height:54px;border:1px solid #d9e1eb;border-radius:10px;display:flex;align-items:center;padding:0 14px;margin:12px 0}.field span{color:#65738a}.field input{border:0;margin:0;box-shadow:none!important;padding:10px;background:transparent}.eye{background:none!important;color:#536178!important;padding:5px!important}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#647187;margin:14px 0 18px}.login-options label{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.login-options input{width:auto;margin:0}.login-btn{width:100%;padding:15px;background:linear-gradient(90deg,#0a284a,#123c69);font-size:14px}.login-divider{display:flex;align-items:center;gap:12px;color:#8b97a8;font-size:10px;margin:24px 0 13px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e4e8ee;flex:1}.login-note{font-size:11px!important;line-height:1.5;margin:0!important}.login-benefits{display:flex;gap:30px;margin-top:30px;color:#61708a;font-size:10px}.sidebar-backdrop{display:none}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.login-layout{grid-template-columns:40% 60%}.showcase-content h1{font-size:37px}.feature-row{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.hero-food{font-size:80px}}
@media(max-width:820px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:#06182c99;z-index:25}.workspace{margin-left:0;width:100%}.menu-toggle{display:block;margin-right:12px}.topbar{padding:0 16px}.today{display:none}.content{padding:20px 16px}.hero{padding:25px}.hero h2{font-size:29px}.hero-food{font-size:65px}.dashboard-grid,.student-summary{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:25px 18px}.login-card{padding:28px 24px}.login-benefits{flex-wrap:wrap;justify-content:center}.menu-card{grid-template-columns:1fr}.menu-photo{min-height:220px}.page-heading{align-items:flex-start}.top-actions>div{display:none}}
@media(max-width:560px){.metrics{grid-template-columns:1fr}.hero{min-height:165px}.hero-food{position:absolute;right:12px;opacity:.35}.hero h2{font-size:26px}.quick-actions{grid-template-columns:1fr}.page-heading{flex-direction:column}.credit-pill{width:100%}.menu-info{padding:20px}.menu-bottom{align-items:stretch;flex-direction:column}.menu-bottom button{width:100%}.login-logo{width:125px;height:115px}.login-card h2{font-size:26px}.login-benefits{gap:12px}.top-welcome strong{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}