*{box-sizing:border-box}html,body{color:#111827;background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:auto;padding:0 24px}.top{justify-content:space-between;align-items:center;height:78px;display:flex}.logo{letter-spacing:-2px;font-size:34px;font-weight:800}.logo span{color:#16a34a}.nav{gap:26px;font-size:14px;display:flex}.actions{gap:10px;display:flex}.pill{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:11px 16px}.cart{color:#fff;background:#15803d;border:0}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;padding:48px 0;display:grid}.hero h1{letter-spacing:-3px;margin:0 0 18px;font-size:62px;line-height:1.02}.green{color:#16a34a}.hero p{color:#4b5563;max-width:560px;font-size:18px;line-height:1.6}.search{border:1px solid #d1d5db;border-radius:16px;max-width:610px;margin-top:24px;padding:8px;display:flex;box-shadow:0 8px 30px #0000000f}.search input{border:0;outline:0;flex:1;padding:14px;font-size:16px}.search button{color:#fff;background:#15803d;border:0;border-radius:11px;padding:0 26px;font-weight:700}.heroimg{background:url(https://images.unsplash.com/photo-1568901346375-23c9450c58cd?auto=format&fit=crop&w=1400&q=85) 50%/cover;border-radius:30px;min-height:430px;position:relative}.badge{color:#fff;background:#166534;border-radius:22px;padding:24px;font-size:28px;font-weight:800;position:absolute;bottom:24px;right:24px}.section{padding:26px 0}.section h2{margin:0 0 18px;font-size:28px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden}.card img{object-fit:cover;width:100%;height:180px}.cardbody{padding:16px}.meta{color:#6b7280;font-size:14px}.rating{color:#b45309;font-weight:700}.menu{grid-template-columns:1fr 1fr;gap:14px;display:grid}.item{border:1px solid #e5e7eb;border-radius:16px;padding:16px}.price{margin-top:8px;font-weight:800}.footer{color:#fff;background:#111827;margin-top:50px;padding:42px 0}.small{color:#9ca3af;font-size:13px}@media (max-width:850px){.nav{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:46px}.heroimg{min-height:300px}.grid,.menu{grid-template-columns:1fr}.actions .pill:first-child{display:none}}.dashboard-bg{background:#f4f7f5;min-height:100vh;padding:24px}.dashboard{max-width:1440px;margin:auto}.dashnav{background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:16px 20px;display:flex}.dashnav>div{align-items:center;gap:12px;display:flex}.rolechip{text-transform:uppercase;letter-spacing:.06em;color:#166534;background:#dcfce7;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.dashuser{font-weight:700}.textbtn{color:#6b7280;cursor:pointer;background:0 0;border:0}.dashboard-heading{justify-content:space-between;align-items:end;margin:24px 4px;display:flex}.dashboard-heading h1{letter-spacing:-1px;margin:5px 0 0;font-size:36px}.eyebrow{color:#15803d;letter-spacing:.11em;font-size:12px;font-weight:900}.muted{color:#6b7280}.statgrid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px;display:grid}.statgrid.four{grid-template-columns:repeat(4,1fr)}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}.stat strong{font-size:28px;display:block}.stat span{color:#6b7280;font-size:13px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:18px;padding:20px}.panelhead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panelhead h2{margin:0}.primary,.secondary,.danger{cursor:pointer;border:0;border-radius:11px;padding:11px 16px;font-weight:800}.primary{color:#fff;background:#15803d}.secondary{background:#fff;border:1px solid #d1d5db}.danger{color:#b91c1c;background:#fee2e2}.stack{gap:15px;display:grid}.stack label{gap:7px;font-size:14px;font-weight:700;display:grid}.stack input{border:1px solid #d1d5db;border-radius:11px;padding:13px 14px;font-size:15px}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;max-width:480px;margin:70px auto;padding:30px;box-shadow:0 18px 60px #00000014}.login-card h1{margin:8px 0;font-size:36px}.demo-note{background:#f0fdf4;border-radius:12px;margin-top:20px;padding:14px;font-size:13px;line-height:1.7}.errorbox{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eef2f0;padding:13px 10px;font-size:14px}th{text-transform:uppercase;color:#6b7280;font-size:12px}td small{color:#9ca3af;margin-top:3px;display:block}select{background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:8px}.status{text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-accepted,.status-preparing{color:#1e40af;background:#dbeafe}.status-ready{color:#5b21b6;background:#ede9fe}.status-dispatched{color:#155e75;background:#cffafe}.status-delivered{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.restaurantgrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mini-card{border:1px solid #e5e7eb;border-radius:14px;gap:6px;padding:15px;display:grid}.mini-card span,.mini-card small{color:#6b7280}.ordercards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.ordercard{border:1px solid #e5e7eb;border-left:5px solid #f59e0b;border-radius:16px;padding:17px}.order-accepted,.order-preparing{border-left-color:#3b82f6}.order-ready{border-left-color:#8b5cf6}.order-dispatched{border-left-color:#06b6d4}.order-delivered{border-left-color:#22c55e}.order-cancelled{opacity:.72;border-left-color:#ef4444}.order-top,.ordertotal,.order-items>div{justify-content:space-between;gap:12px;display:flex}.orderref{font-size:17px;font-weight:900}.order-customer{background:#f9fafb;border-radius:11px;gap:3px;margin:14px 0;padding:12px;font-size:13px;display:grid}.order-items{gap:8px;display:grid}.ordertotal{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px;font-size:17px}.orderactions{gap:8px;margin-top:14px;display:flex}.empty{text-align:center;color:#6b7280;padding:30px}@media (max-width:1050px){.statgrid,.statgrid.four,.restaurantgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.dashboard-bg{padding:10px}.dashnav,.dashboard-heading{align-items:flex-start}.dashnav>div{flex-wrap:wrap;justify-content:flex-end}.dashuser{display:none}.dashboard-heading h1{font-size:29px}.statgrid,.statgrid.four,.restaurantgrid,.ordercards{grid-template-columns:1fr}.panel{padding:14px}.login-card{margin:35px auto}.rolechip{display:none}}