:root{--bg:#000;--panel:#151515;--panel2:#202020;--line:#2c2c2c;--text:#fff;--muted:#a7a7a7;--blue:#00a6de;--purple:#7b2cff;--green:#26d07c;--red:#ff4d5f;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.shell{max-width:1200px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:20;background:#242424;border-bottom:1px solid #343434}.topbar-inner{height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#0054ff);color:#fff;font-size:13px;letter-spacing:-.5px}.brand-name{font-size:24px;font-weight:900;letter-spacing:-1px}.location-pill{display:flex;align-items:center;gap:8px;color:#00aeef;font-weight:800;white-space:nowrap}.location-pill small{opacity:.8}.search{flex:1;display:flex;justify-content:center}.search input{width:min(100%,420px);border:0;background:#555;color:#fff;border-radius:999px;padding:14px 20px;outline:0}.search input::placeholder{color:#d6d6d6}.top-actions{display:flex;align-items:center;gap:12px;font-weight:800}.top-actions a{color:#e9e9e9}.pill-btn,.cart-btn,.icon-btn{background:#3b3b3b;border-radius:999px;padding:11px 16px}.cart-btn{display:flex;gap:8px;align-items:center}.cart-btn span{background:var(--blue);padding:2px 7px;border-radius:99px;color:#00131a}.primary,.ghost,button.primary{border:0;border-radius:14px;padding:13px 20px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,var(--blue),#0074ff);color:#fff;box-shadow:0 12px 28px rgba(0,166,222,.25)}.ghost{background:#1d1d1d;color:#fff;border:1px solid #3a3a3a}.full{width:100%}.mini{padding:8px 12px;border-radius:10px;border:0;font-weight:800;cursor:pointer}.okbtn{background:rgba(38,208,124,.15);color:#62f5ad}.dangerbtn{background:rgba(255,77,95,.15);color:#ff8592}.text-danger{background:transparent;border:0;color:#ff7784;cursor:pointer;margin-top:12px}.flash{margin:18px 0;padding:14px 18px;border-radius:14px;background:#10291e;border:1px solid #1d6a49;color:#8effc5}.flash.warn{background:#2f260b;border-color:#755c16;color:#ffd76a}.flash.danger{background:#351219;border-color:#7a2635;color:#ffb0ba}.home-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;padding-top:54px;padding-bottom:34px}.hero-copy,.hero-card{border-radius:30px;background:radial-gradient(circle at 10% 10%,rgba(0,166,222,.32),transparent 35%),#111;padding:40px;box-shadow:var(--shadow);min-height:320px}.eyebrow{color:#75dcff;text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:12px;margin:0 0 12px}.hero-copy h1{font-size:54px;line-height:.95;letter-spacing:-2px;margin:0 0 18px}.hero-copy p{color:#cfcfcf;font-size:18px;max-width:620px}.hero-actions{display:flex;gap:14px;margin-top:26px}.hero-card{background:linear-gradient(135deg,#00bde9,#0072d5 60%,#7024d8);position:relative;overflow:hidden}.hero-card h2{font-size:58px;line-height:.95;margin:60px 0 10px;letter-spacing:-2px}.hero-card p{font-weight:800}.hero-food{font-size:72px;filter:drop-shadow(0 18px 14px rgba(0,0,0,.24));margin-top:20px}.promo-badge{position:absolute;right:26px;top:26px;background:#fff;color:#6111b8;border-radius:16px;padding:12px 18px;font-weight:1000;transform:rotate(-3deg)}.category-strip{display:flex;gap:12px;overflow:auto;padding-top:18px;padding-bottom:28px}.category-card{min-width:118px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:#171717;border:1px solid #242424;transition:.2s}.category-card:hover{transform:translateY(-3px);background:#202020}.category-card span{font-size:38px}.category-card strong{font-size:13px;text-align:center}.section-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 16px}.section-head h2{font-size:24px;margin:0;letter-spacing:-.5px}.section-head a,.arrows{color:#00aeef;font-weight:900}.filter-pills{display:flex;gap:8px;overflow:auto;padding-bottom:18px}.filter-pills a{background:#222;border:1px solid #333;border-radius:999px;padding:10px 14px;font-weight:900;white-space:nowrap}.banner-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 42px}.big-banner{position:relative;border-radius:20px;padding:34px;min-height:210px;overflow:hidden}.big-banner h3{font-size:44px;margin:0 0 10px}.big-banner p{font-size:18px;font-weight:800;max-width:390px}.big-banner span{position:absolute;right:26px;top:26px;background:#fff;color:#022033;border-radius:18px;padding:12px 18px;font-size:30px;font-weight:1000}.big-banner.blue{background:linear-gradient(135deg,#10c4e9,#01a0d8)}.big-banner.purple{background:linear-gradient(135deg,#05b8d8,#7b2cff)}.restaurant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.first-grid{grid-template-columns:repeat(5,1fr)}.restaurant-card{background:#222;border-radius:16px;overflow:hidden;border:1px solid #2d2d2d;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.22)}.restaurant-card:hover{transform:translateY(-4px);border-color:#3d3d3d}.card-cover{height:150px;background-size:cover;background-position:center;position:relative}.first-grid .card-cover{height:180px}.tag{position:absolute;left:12px;top:12px;background:#00adef;color:#001821;border-radius:999px;font-size:12px;font-weight:1000;padding:7px 10px}.tag.large{position:static;display:inline-flex;margin-top:12px}.card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:13px}.card-body h3{font-size:16px;margin:0 0 5px}.card-body p,.meta{color:#c7c7c7;margin:0;font-size:13px}.eta{background:#333;border-radius:12px;padding:8px 10px;color:#00aeef;font-weight:1000;text-align:center;min-width:58px}.eta small{display:block;color:#00aeef;font-size:11px}.meta{padding:0 13px 14px;border-top:1px dashed #3a3a3a;margin-top:2px;padding-top:10px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:56px}.faq-grid article{background:linear-gradient(135deg,#00b7df,#0072c9);border-radius:18px;padding:26px;min-height:160px}.faq-grid strong{font-size:24px}.faq-grid p{font-weight:700}.footer{background:#171717;margin-top:60px;padding:70px 0 28px;border-top:1px solid #242424}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.footer-logo{font-size:32px;font-weight:1000;margin-bottom:18px}.footer h4{margin:0 0 14px}.footer a{display:block;color:#e1e1e1;margin:10px 0}.muted,.footer p{color:var(--muted)}.copyright{color:#bdbdbd;margin-top:55px}.restaurant-hero{min-height:360px;background-size:cover;background-position:center;display:flex;align-items:flex-end}.restaurant-hero-inner{display:flex;gap:22px;align-items:end;padding-bottom:42px}.restaurant-hero h1{font-size:54px;margin:0 0 10px;letter-spacing:-1.5px}.restaurant-logo{width:120px;height:120px;border-radius:24px;background:#fff;object-fit:contain;padding:12px}.restaurant-layout{display:grid;grid-template-columns:190px 1fr 260px;gap:22px;margin-top:28px}.menu-sidebar,.cart-mini,.panel{background:#171717;border:1px solid #292929;border-radius:18px;padding:20px}.menu-sidebar{position:sticky;top:94px;height:max-content}.menu-sidebar a{display:block;padding:10px 0;color:#cfcfcf;font-weight:800}.cart-mini{position:sticky;top:94px;height:max-content}.product-section{margin-bottom:28px}.product-section h2{font-size:30px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-card{display:grid;grid-template-columns:130px 1fr;gap:14px;background:#171717;border:1px solid #2a2a2a;border-radius:18px;padding:12px}.product-card img{width:130px;height:130px;object-fit:cover;border-radius:14px;background:#222}.product-card h3{margin:2px 0 8px}.product-card p{color:#aaa;font-size:14px;min-height:42px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.add-btn{width:42px;height:42px;border-radius:50%;background:#fff;border:0;color:#000;font-size:25px;font-weight:900;cursor:pointer}.page-wrap{padding-top:44px}.checkout-layout,.admin-layout{display:grid;grid-template-columns:1fr 360px;gap:20px}.cart-line,.order-row,.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border-bottom:1px solid #292929;padding:14px 0}.cart-line input{width:70px;background:#252525;border:1px solid #3a3a3a;border-radius:10px;color:#fff;padding:9px}.order-summary>div{display:flex;justify-content:space-between;border-bottom:1px solid #2b2b2b;padding:14px 0}.order-summary .total{font-size:22px;border-bottom:0}.empty{background:#111;border:1px solid #2a2a2a;border-radius:22px;padding:50px;text-align:center}.auth-wrap{display:grid;place-items:center;min-height:65vh}.auth-card{width:min(100%,440px);background:#161616;border:1px solid #2b2b2b;border-radius:24px;padding:30px;box-shadow:var(--shadow)}label{display:grid;gap:8px;color:#e5e5e5;font-weight:800;margin-bottom:14px}input,select,textarea{background:#252525;color:#fff;border:1px solid #3b3b3b;border-radius:12px;padding:13px;outline:0}textarea{resize:vertical}.form-grid{display:grid;gap:12px}.form-grid label{margin:0}.full-row{grid-column:1/-1}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat{background:linear-gradient(135deg,#191919,#242424);border:1px solid #303030;border-radius:18px;padding:20px}.stat span{display:block;color:#aaa;font-weight:800}.stat strong{font-size:32px}.dash-head{display:flex;justify-content:space-between;align-items:center}.admin-row{grid-template-columns:56px 1fr auto auto}.admin-row img{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#fff}.status{padding:7px 10px;border-radius:999px;background:#333;font-weight:1000}.status.new{background:#003a4c;color:#62dfff}.status.accepted,.status.preparing{background:#3b2d00;color:#ffd85d}.status.ready{background:#10291e;color:#8effc5}.status.completed{background:#14391f;color:#83ff9c}.status.cancelled{background:#3c1118;color:#ff91a0}.order-card{border-bottom:1px solid #2a2a2a;padding:12px 0}.inline-form{display:flex;gap:8px;align-items:center;margin-top:10px}.setup-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(0,166,222,.25),transparent 38%),#000}.setup-card{width:min(100%,520px);background:#171717;border:1px solid #333;border-radius:24px;padding:34px;color:#fff}.setup-card.wide{width:min(100%,760px)}.demo-box{background:#0b2530;border:1px solid #134e66;border-radius:16px;padding:16px;margin-top:16px}.demo-box.small{font-size:13px}.demo-box p{margin:7px 0}.setup-card a{color:#4bd9ff;font-weight:900}@media (max-width:1100px){.restaurant-grid,.first-grid{grid-template-columns:repeat(3,1fr)}.restaurant-layout{grid-template-columns:1fr}.menu-sidebar,.cart-mini{position:static}.product-grid{grid-template-columns:1fr}.checkout-layout,.admin-layout{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{padding:0 16px}.topbar-inner{height:auto;padding:14px 16px;flex-wrap:wrap}.brand-name{font-size:18px}.search{order:3;width:100%}.top-actions{margin-left:auto;font-size:13px}.home-hero,.banner-row{grid-template-columns:1fr}.hero-copy h1,.hero-card h2,.restaurant-hero h1{font-size:38px}.hero-copy,.hero-card{padding:28px}.restaurant-grid,.first-grid,.faq-grid,.footer-grid{grid-template-columns:1fr}.card-cover,.first-grid .card-cover{height:190px}.restaurant-hero-inner{align-items:flex-start;flex-direction:column}.product-card{grid-template-columns:100px 1fr}.product-card img{width:100px;height:100px}.dashboard-grid{grid-template-columns:1fr}.cart-line,.order-row{grid-template-columns:1fr}.admin-row{grid-template-columns:44px 1fr}.admin-row form,.admin-row a{grid-column:2}}