:root{
  --bg:#080b12;
  --bg2:#0d1320;
  --surface:#111827;
  --surface2:#172033;
  --card:rgba(255,255,255,.075);
  --card-strong:rgba(255,255,255,.11);
  --line:rgba(255,255,255,.12);
  --line2:rgba(255,255,255,.18);
  --text:#f8fafc;
  --muted:#a8b3c7;
  --soft:#d7deea;
  --brand:#20d072;
  --brand2:#09b7d6;
  --accent:#f59e0b;
  --danger:#ef4444;
  --success:#22c55e;
  --shadow:0 24px 90px rgba(0,0,0,.38);
  --shadow2:0 12px 40px rgba(2,6,23,.20);
  --radius:22px;
  --radius2:30px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Cairo,system-ui,-apple-system,"Segoe UI",sans-serif;background:
  radial-gradient(circle at 12% 0%,rgba(32,208,114,.22),transparent 28%),
  radial-gradient(circle at 88% 8%,rgba(9,183,214,.19),transparent 32%),
  radial-gradient(circle at 50% 100%,rgba(245,158,11,.08),transparent 30%),
  linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 72%);z-index:-1}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:70;background:rgba(8,11,18,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.3px;white-space:nowrap}
.brand-badge{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#04120b;box-shadow:0 14px 45px rgba(32,208,114,.24);font-size:20px}
.nav-links{display:flex;align-items:center;gap:8px;color:var(--soft);font-weight:800}
.nav-links a{padding:10px 12px;border-radius:14px;transition:.18s}
.nav-links a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.075);color:var(--text);border-radius:16px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;min-height:46px}
.btn:hover{transform:translateY(-1px);border-color:var(--line2);background:rgba(255,255,255,.11)}
.btn:active{transform:translateY(0) scale(.99)}
.btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#03120b;box-shadow:0 14px 35px rgba(32,208,114,.22)}
.btn-light{background:#fff;color:#0f172a;border-color:#fff}
.btn-danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.34);color:#fecaca}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.2)}
.hero{padding:82px 0 46px;position:relative}
.hero:after{content:"";position:absolute;inset:auto 6% -40px auto;width:280px;height:280px;background:rgba(32,208,114,.14);filter:blur(80px);border-radius:999px;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:46px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#bdf7d4;background:rgba(32,208,114,.12);border:1px solid rgba(32,208,114,.26);border-radius:999px;padding:9px 14px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.hero h1{font-size:clamp(40px,6.6vw,82px);line-height:1.03;margin:20px 0 20px;letter-spacing:-2.2px;max-width:780px}
.grad{background:linear-gradient(135deg,#fff 0%,#dfffee 34%,#78f0b0 65%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,2vw,22px);line-height:1.9;color:var(--soft);margin:0 0 28px;max-width:680px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.muted{color:var(--muted)!important}
.hero-card{position:relative;border-radius:34px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:-90px -90px auto auto;width:260px;height:260px;background:rgba(9,183,214,.22);filter:blur(75px);border-radius:50%}
.mock-phone{position:relative;max-width:370px;margin:auto;background:#040711;border:1px solid rgba(255,255,255,.18);border-radius:34px;padding:14px;box-shadow:0 26px 70px rgba(0,0,0,.4)}
.mock-phone:before{content:"";display:block;width:95px;height:5px;border-radius:999px;background:rgba(255,255,255,.18);margin:0 auto 12px}
.mock-screen{background:#f8fafc;color:#0f172a;border-radius:24px;overflow:hidden;min-height:560px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.mock-cover{height:150px;background:linear-gradient(135deg,#111827,#16a34a 70%,#10b981);position:relative}
.mock-cover:after{content:"QR";position:absolute;left:16px;bottom:16px;width:58px;height:58px;background:#fff;border-radius:16px;display:grid;place-items:center;font-weight:900;color:#111827}
.mock-body{padding:18px}
.mock-title{display:flex;align-items:center;gap:12px;justify-content:space-between}
.mock-logo{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#334155);margin-top:-48px;border:5px solid #fff;box-shadow:0 10px 26px rgba(15,23,42,.12)}
.mock-products{display:grid;gap:12px;margin-top:18px}
.mock-product{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.06)}
.mock-img{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}
.section{padding:58px 0;position:relative}
.section-title{font-size:clamp(28px,4vw,48px);line-height:1.2;margin:0 0 12px;letter-spacing:-.6px}
.section-sub{color:var(--muted);font-size:18px;line-height:1.85;margin:0 0 28px;max-width:800px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 12px 38px rgba(2,6,23,.12)}
.card h3{font-size:22px;margin:0 0 10px}
.card p{color:var(--muted);line-height:1.8;margin:0 0 10px}
.icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(32,208,114,.18),rgba(9,183,214,.14));border:1px solid rgba(255,255,255,.12);margin-bottom:15px;font-size:22px}
.price{font-size:36px;font-weight:900;margin:12px 0;color:#fff}
.pricing .card{position:relative;overflow:hidden}
.pricing .card:nth-child(2){border-color:rgba(32,208,114,.35);box-shadow:0 0 0 1px rgba(32,208,114,.16),0 25px 80px rgba(32,208,114,.08)}
.code{direction:ltr;text-align:left;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:16px;color:#c8facc;overflow:auto;line-height:1.8}
.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);margin-top:42px;background:rgba(0,0,0,.12)}
/* Auth */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top,rgba(32,208,114,.13),transparent 35%)}
.auth-card{width:min(480px,100%);background:rgba(10,15,26,.88);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.auth-card h1{font-size:30px;margin:22px 0 18px}
.form{display:grid;gap:14px}
.field label{display:block;font-weight:900;color:#dbeafe;margin-bottom:8px}
.input,.select,.textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(2,6,23,.56);color:var(--text);border-radius:16px;padding:13px 15px;outline:0;transition:.16s;min-height:48px}
.input[type=color]{padding:6px;height:50px}
.textarea{min-height:122px;resize:vertical;line-height:1.8}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(32,208,114,.7);box-shadow:0 0 0 4px rgba(32,208,114,.13)}
.alert{padding:13px 15px;border-radius:16px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.26);color:#bbf7d0;margin:10px 0}
.alert-danger{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.32);color:#fecaca}
/* Dashboard */
.dash{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#070b14,#0b1220)}
.sidebar{position:sticky;top:0;height:100vh;background:rgba(4,8,18,.88);border-left:1px solid var(--line);padding:20px;overflow:auto;backdrop-filter:blur(18px);z-index:90}
.side-nav{display:grid;gap:7px;margin-top:24px}
.side-nav a{padding:12px 14px;border-radius:16px;color:var(--soft);font-weight:900;transition:.16s;display:flex;align-items:center;justify-content:space-between;gap:8px}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(135deg,rgba(32,208,114,.16),rgba(9,183,214,.09));color:#fff;border:1px solid rgba(255,255,255,.08)}
.restaurant-switch{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.main{padding:28px;min-width:0}
.mobile-menu-btn{display:none;margin-bottom:16px}
.dash-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.dash-title h1{font-size:34px;margin:0;letter-spacing:-.8px}
.dash-title p{margin:7px 0 0;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.stat{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(2,6,23,.16)}
.stat span{font-weight:800}
.stat b{display:block;font-size:30px;margin-top:5px;letter-spacing:-.5px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}
table{border-collapse:collapse;width:100%;min-width:760px}
th,td{text-align:right;padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}
th{background:rgba(255,255,255,.06);color:#e6eefb;font-weight:900}
tr:last-child td{border-bottom:0}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.preview-box{position:sticky;top:22px}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;background:rgba(32,208,114,.13);color:#bbf7d0;font-weight:900;border:1px solid rgba(32,208,114,.22)}
.badge-warn{background:rgba(245,158,11,.13);color:#fde68a;border-color:rgba(245,158,11,.23)}
.badge-danger{background:rgba(239,68,68,.13);color:#fecaca;border-color:rgba(239,68,68,.25)}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* SEO pages */
.seo-hero{padding:62px 0 35px}
.content{line-height:2;color:#dbeafe;font-size:18px;max-width:920px}
.content h2,.content h3{color:#fff;margin-top:28px}
/* Restaurant menu public */
body.menu-page{background:#f5f7fb;color:#111827;min-height:100vh}
body.menu-page:before{display:none}
.menu-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);border-bottom:1px solid #e5e7eb;backdrop-filter:blur(18px);box-shadow:0 8px 22px rgba(15,23,42,.04)}
.menu-top-inner{width:min(1030px,calc(100% - 24px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.menu-brand{display:flex;align-items:center;gap:10px;font-weight:900}
.menu-logo{width:46px;height:46px;border-radius:16px;object-fit:cover;background:#111827;box-shadow:0 8px 20px rgba(15,23,42,.12)}
.menu-cover{height:250px;background:linear-gradient(135deg,var(--primary,#16a34a),#111827);position:relative;overflow:hidden}
.menu-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.38),transparent)}
.menu-cover img{width:100%;height:100%;object-fit:cover}
.menu-info{width:min(1030px,calc(100% - 24px));margin:-52px auto 18px;background:#fff;border:1px solid #e8edf3;border-radius:28px;padding:20px;position:relative;z-index:5;box-shadow:0 18px 55px rgba(15,23,42,.10)}
.menu-info h1{font-size:32px;margin:0 0 8px}
.menu-info p{margin:0;color:#64748b;line-height:1.8}
.menu-container{width:min(1030px,calc(100% - 24px));margin:auto;padding-bottom:130px}
.cat-tabs{display:flex;gap:10px;overflow:auto;padding:10px 0 14px;position:sticky;top:66px;background:#f5f7fb;z-index:30;scrollbar-width:none}
.cat-tabs::-webkit-scrollbar{display:none}
.cat-tabs a{white-space:nowrap;padding:10px 15px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-card{background:#fff;border:1px solid #e8edf3;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(15,23,42,.06);display:grid;grid-template-columns:138px minmax(0,1fr);transition:.18s}
.product-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(15,23,42,.1)}
.product-card img{width:138px;height:100%;min-height:145px;object-fit:cover;background:#e5e7eb}
.product-body{padding:15px;min-width:0}
.product-body h3{margin:0 0 5px;font-size:20px;color:#0f172a}
.product-body p{margin:0 0 12px;color:#64748b;font-size:14px;line-height:1.7}
.price-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price-line b{font-size:18px;color:#0f172a}
.cartbar{position:fixed;inset:auto 0 0 0;background:rgba(15,23,42,.94);color:#fff;z-index:60;padding:13px 12px;box-shadow:0 -18px 50px rgba(15,23,42,.22);backdrop-filter:blur(14px)}
.cartbar-inner{width:min(1030px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cart-panel{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:100;display:none;align-items:flex-end;backdrop-filter:blur(5px)}
.cart-panel.open{display:flex}
.cart-box{background:#fff;color:#0f172a;width:100%;max-width:720px;margin:auto auto 0;border-radius:30px 30px 0 0;padding:20px;max-height:86vh;overflow:auto;box-shadow:0 -25px 80px rgba(15,23,42,.25)}
.cart-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e7eb;padding:12px 0}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:36px;height:36px;border-radius:13px;border:1px solid #e5e7eb;background:#f8fafc;font-weight:900;cursor:pointer}
.checkout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.menu-page .input,.menu-page .select,.menu-page .textarea,.cart-box .input,.cart-box .select,.cart-box .textarea{background:#f8fafc;color:#0f172a;border-color:#dbe3ee}
.menu-page .card{background:#fff;color:#0f172a;border-color:#e8edf3}
/* polish */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:999px}
::-webkit-scrollbar-track{background:transparent}
@media(max-width:980px){
  .nav-links{display:none}.hero-grid,.grid-3,.grid-2,.split,.admin-grid{grid-template-columns:1fr}.hero{padding-top:48px}.hero h1{letter-spacing:-1px}.hero-card{max-width:460px;margin:auto}.stats{grid-template-columns:repeat(2,1fr)}.dash{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);transform:translateX(-106%);transition:.25s ease;box-shadow:35px 0 70px rgba(0,0,0,.28)}.sidebar.open{transform:translateX(0)}.mobile-menu-btn{display:inline-flex}.main{padding:18px}.dash-head{align-items:flex-start}.products{grid-template-columns:1fr}.product-card{grid-template-columns:118px 1fr}.product-card img{width:118px;min-height:130px}.checkout-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .container{width:calc(100% - 24px)}.nav{min-height:64px}.brand-badge{width:40px;height:40px;border-radius:14px}.nav-actions .btn:first-child{display:none}.hero{padding:38px 0 24px}.hero h1{font-size:38px;line-height:1.12}.lead{font-size:16px}.hero-actions .btn{width:100%}.section{padding:42px 0}.section-title{font-size:30px}.section-sub{font-size:16px}.mock-screen{min-height:480px}.mock-cover{height:120px}.stats{grid-template-columns:1fr}.dash-title h1{font-size:28px}.dash-head{flex-direction:column}.btn{padding:11px 14px}.auth-shell{padding:18px}.auth-card{padding:22px;border-radius:24px}.menu-cover{height:178px}.menu-info{margin-top:-42px;border-radius:24px;padding:17px}.menu-info h1{font-size:25px}.cat-tabs{top:66px}.product-card{grid-template-columns:96px 1fr;border-radius:20px}.product-card img{width:96px;min-height:126px}.product-body{padding:12px}.product-body h3{font-size:17px}.price-line{align-items:flex-start;flex-direction:column}.price-line .btn{width:100%}.cartbar-inner{flex-direction:column;align-items:stretch}.cartbar .btn{width:100%}.cart-box{border-radius:24px 24px 0 0;padding:16px}table{min-width:680px}.card{padding:18px}
}

/* Khoush Food exact-light platform skin */
:root{
  --bg:#FFF8EF!important;--bg2:#FFF8EF!important;--surface:#FFFFFF!important;--surface2:#FFFDF8!important;--card:#FFFFFF!important;--card-strong:#FFFFFF!important;--text:#241510!important;--soft:#5e4a3d!important;--muted:#7A6253!important;--line:#E7D6C2!important;--primary:#9A1A0A!important;--primary2:#C8860A!important;--accent:#9A1A0A!important;--shadow:0 16px 40px rgba(95,42,16,.12)!important;--radius:20px!important
}
body{background:radial-gradient(circle at 15% 0%,rgba(154,26,10,.08),transparent 32%),radial-gradient(circle at 90% 10%,rgba(200,134,10,.10),transparent 30%),#FFF8EF!important;color:#241510!important}
body:before{display:none!important}.nav,.auth-card,.card,.stat,.table-wrap,.sidebar,.menu-info,.product-card{background:#fff!important;border-color:#E7D6C2!important;color:#241510!important;box-shadow:0 12px 34px rgba(95,42,16,.10)!important}.nav{border-bottom:1px solid #E7D6C2!important}.brand,.brand span,.dash-title h1,.card h1,.card h2,.card h3,.auth-card h1,.section-title,.hero h1{color:#241510!important}.muted,.lead,.section-sub{color:#7A6253!important}.btn-primary{background:#9A1A0A!important;color:#fff!important;box-shadow:0 10px 24px rgba(154,26,10,.22)!important}.btn-light,.btn{background:#FFFDF8!important;color:#241510!important;border:1px solid #E7D6C2!important}.badge{background:rgba(154,26,10,.10)!important;color:#9A1A0A!important;border-color:rgba(154,26,10,.22)!important}.input,.select,.textarea{background:#fff!important;color:#241510!important;border-color:#E7D6C2!important}.input:focus,.select:focus,.textarea:focus{border-color:#9A1A0A!important;box-shadow:0 0 0 4px rgba(154,26,10,.12)!important}.dash{background:#FFF8EF!important}.sidebar{background:rgba(255,255,255,.96)!important;border-left:1px solid #E7D6C2!important}.side-nav a{color:#5e4a3d!important}.side-nav a:hover,.side-nav a.active{background:#FFF8EF!important;color:#9A1A0A!important;border:1px solid #E7D6C2!important}.hero{background:transparent!important}.mock-screen,.hero-card{background:#fff!important;border-color:#E7D6C2!important;color:#241510!important}.stats .stat b{color:#9A1A0A!important}table th{background:#FFF8EF!important;color:#241510!important}table td{color:#241510!important}.auth-shell{background:radial-gradient(circle at top,rgba(154,26,10,.10),transparent 38%),#FFF8EF!important}.auth-card{backdrop-filter:none!important}.footer{background:#FFF8EF!important;border-top:1px solid #E7D6C2!important}.topbar{background:#fff!important;border-bottom:1px solid #E7D6C2!important}.hero-actions .btn{border-radius:22px!important}.brand-badge{background:#9A1A0A!important;color:#fff!important;border-radius:50%!important}

/* Admin skin closer to the original Khoush Food control panel */
.kh-admin{grid-template-columns:270px minmax(0,1fr)!important;background:#FFF8EF!important;color:#241510!important;min-height:100vh}
.kh-admin .sidebar{position:sticky;top:0;height:100vh;background:#fff!important;border-left:1px solid #E7D6C2!important;border-right:0!important;padding:18px 12px!important;box-shadow:-12px 0 35px rgba(95,42,16,.08)!important;overflow:auto}
.kh-admin .brand{padding:12px 10px 18px!important;border-bottom:1px solid #E7D6C2!important;margin-bottom:12px;color:#9A1A0A!important;font-weight:900!important;gap:12px!important}
.kh-admin .brand-badge{width:44px!important;height:44px!important;border-radius:50%!important;background:#9A1A0A!important;color:#fff!important;box-shadow:0 10px 24px rgba(154,26,10,.22)!important}
.kh-admin .side-nav{gap:5px!important;margin-top:12px!important}
.kh-admin .side-nav a{border-radius:12px!important;padding:11px 13px!important;color:#7A6253!important;background:transparent!important;border:1px solid transparent!important;font-size:14px!important;font-weight:800!important;justify-content:flex-start!important;box-shadow:none!important}
.kh-admin .side-nav a:hover,.kh-admin .side-nav a.active{background:rgba(154,26,10,.08)!important;color:#9A1A0A!important;border-color:rgba(154,26,10,.18)!important;border-right:4px solid #9A1A0A!important}
.kh-admin .main{padding:24px!important;background:radial-gradient(circle at top left,rgba(200,134,10,.11),transparent 28%),#FFF8EF!important;min-height:100vh}
.kh-admin .mobile-menu-btn{margin-bottom:12px!important}
.kh-admin .dash-head{background:rgba(255,255,255,.86)!important;border:1px solid #E7D6C2!important;border-radius:18px!important;padding:18px!important;box-shadow:0 10px 28px rgba(95,42,16,.07)!important;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.kh-admin .dash-title h1{font-size:26px!important;color:#241510!important;margin:0!important}
.kh-admin .dash-title p{color:#7A6253!important;margin-top:4px!important}
.kh-admin .card,.kh-admin .stat,.kh-admin .table-wrap{border:1px solid #E7D6C2!important;background:#fff!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(95,42,16,.08)!important;color:#241510!important}
.kh-admin .card h3{color:#241510!important;font-weight:900!important;margin-top:0!important}
.kh-admin .stat{position:relative;overflow:hidden}.kh-admin .stat:before{content:"";position:absolute;right:0;top:0;height:100%;width:5px;background:#9A1A0A}.kh-admin .stat b{color:#9A1A0A!important;font-size:31px!important}.kh-admin .muted{color:#7A6253!important}.kh-admin table{min-width:900px}.kh-admin th{background:#FFF8EF!important;color:#7A6253!important;font-size:13px!important}.kh-admin td{color:#241510!important;background:#fff!important}.kh-admin tr:hover td{background:#FFFDF8!important}.kh-admin .input,.kh-admin .select,.kh-admin .textarea{border:1.5px solid #E7D6C2!important;border-radius:12px!important;background:#FFFDF8!important;color:#241510!important;box-shadow:none!important}.kh-admin .input:focus,.kh-admin .select:focus,.kh-admin .textarea:focus{border-color:#9A1A0A!important;box-shadow:0 0 0 4px rgba(154,26,10,.11)!important}.kh-admin .btn{border-radius:12px!important;font-weight:900!important}.kh-admin .btn-primary{background:#9A1A0A!important;color:#fff!important;border-color:#9A1A0A!important;box-shadow:0 8px 18px rgba(154,26,10,.20)!important}.kh-admin .btn-danger{background:rgba(229,62,62,.10)!important;color:#b91c1c!important;border:1px solid rgba(229,62,62,.24)!important}.kh-admin .badge{background:rgba(154,26,10,.09)!important;color:#9A1A0A!important;border:1px solid rgba(154,26,10,.17)!important;margin:2px!important}.restaurant-switch{margin-top:18px;background:#FFF8EF;border:1px solid #E7D6C2;border-radius:16px;padding:12px}.admin-inline-form{gap:7px!important;align-items:center!important}.admin-inline-form .select{min-width:105px}.admin-inline-form .input{min-width:135px}.danger-zone{min-width:165px}.danger-zone summary{list-style:none;cursor:pointer}.danger-zone summary::-webkit-details-marker{display:none}.danger-zone form{background:#FFF8EF;border:1px solid #E7D6C2;border-radius:14px;padding:12px;margin-top:8px;min-width:230px}.admin-note{margin-bottom:16px}.storage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.storage-kpis .stat b{font-size:22px!important}
@media(max-width:980px){.kh-admin{grid-template-columns:1fr!important}.kh-admin .sidebar{position:fixed!important;right:0!important;left:auto!important;transform:translateX(110%)!important;width:min(310px,86vw)!important;box-shadow:-18px 0 45px rgba(95,42,16,.25)!important}.kh-admin .sidebar.open{transform:translateX(0)!important}.kh-admin .main{padding:14px!important}.kh-admin .dash-head{position:relative!important}.storage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-inline-form{display:grid!important;grid-template-columns:1fr!important;width:100%}}
@media(max-width:620px){.kh-admin .dash-title h1{font-size:22px!important}.kh-admin .card{padding:15px!important}.storage-kpis{grid-template-columns:1fr}.kh-admin table{min-width:760px}}


/* Red/white restaurant platform landing */
.platform-red{background:radial-gradient(circle at 12% -5%,rgba(202,29,29,.12),transparent 34%),radial-gradient(circle at 90% 10%,rgba(255,190,98,.16),transparent 30%),linear-gradient(180deg,#fff,#fff7f3 58%,#fff)!important;color:#21130f!important}
.platform-red .topbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(202,29,29,.12)!important}
.platform-red .brand-badge{background:linear-gradient(135deg,#C91D1D,#7B0F0F)!important;color:#fff!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(201,29,29,.22)!important}
.platform-red .nav-links a:hover{background:rgba(201,29,29,.08)!important;color:#C91D1D!important}
.platform-red .btn-primary{background:linear-gradient(135deg,#D71920,#9A1117)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(215,25,32,.24)!important}
.platform-red .btn-primary:hover{transform:translateY(-1px)}
.platform-red .btn-light,.platform-red .btn{background:#fff!important;border-color:#F1D7D2!important;color:#23130f!important}
.platform-red .hero{position:relative;overflow:hidden}
.platform-red .hero h1 .grad,.platform-red .grad{background:linear-gradient(135deg,#D71920,#7B0F0F)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.platform-red .eyebrow{background:rgba(215,25,32,.08)!important;color:#A91016!important;border:1px solid rgba(215,25,32,.16)!important}
.platform-red .hero-card,.platform-red .card,.platform-red .mock-screen{border-color:#F0D7D2!important;background:#fff!important;box-shadow:0 18px 55px rgba(115,28,16,.12)!important}
.platform-red .mock-cover{background:linear-gradient(135deg,#D71920,#FFB45E)!important}
.platform-red .mock-logo,.platform-red .mock-img{background:linear-gradient(135deg,#D71920,#7B0F0F)!important}
.platform-red .section-title,.platform-red h1,.platform-red h2,.platform-red h3{color:#24110d!important}
.platform-red .lead,.platform-red .section-sub,.platform-red .muted{color:#765c54!important}
.platform-red .footer{background:#fff!important;border-top:1px solid #F1D7D2!important;color:#765c54!important}
.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head-row .section-title{margin-bottom:8px}.showcase-grid{align-items:stretch}.showcase-card{display:block;overflow:hidden;border-radius:26px;background:#fff;border:1px solid #F0D7D2;box-shadow:0 18px 46px rgba(115,28,16,.10);transition:.2s ease}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(115,28,16,.16)}.showcase-cover{height:160px;background:linear-gradient(135deg,#D71920,#FFB45E);background-size:cover;background-position:center}.showcase-content{padding:18px;position:relative}.showcase-logo{width:58px;height:58px;border-radius:18px;background:#fff;border:1px solid #F0D7D2;box-shadow:0 12px 26px rgba(115,28,16,.14);display:grid;place-items:center;margin-top:-48px;margin-bottom:12px;overflow:hidden;font-weight:900;color:#D71920}.showcase-logo img{width:100%;height:100%;object-fit:cover}.showcase-card h3{margin:0 0 8px;font-size:21px}.showcase-card p{min-height:48px;color:#765c54;margin:0 0 12px;line-height:1.7}.muted-demo{opacity:.72}.google-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border-radius:14px;border:1px solid #E7D6C2;background:#fff;color:#241510;font-weight:900;margin:12px 0}.google-auth-btn span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f3f4f6;color:#D71920;font-weight:900}.auth-sep{display:flex;align-items:center;gap:12px;color:#7A6253;font-weight:800;margin:10px 0}.auth-sep:before,.auth-sep:after{content:"";height:1px;background:#E7D6C2;flex:1}.code{direction:ltr;text-align:left;background:#fff7f3;border:1px solid #F0D7D2;border-radius:16px;padding:14px;color:#7B0F0F;font-weight:800;overflow:auto}
@media(max-width:620px){.section-head-row{align-items:stretch;flex-direction:column}.showcase-cover{height:140px}.showcase-card p{min-height:auto}.platform-red .hero h1{font-size:36px!important}.platform-red .nav-actions .btn-primary{display:inline-flex!important}}

/* Subscription expired screen */
.expired-body{min-height:100vh;background:linear-gradient(180deg,#fff7f3,#fff)!important}
.expired-page{min-height:100vh;display:grid;place-items:center;padding:28px 14px;color:#24110d}
.expired-card{width:min(780px,100%);background:#fff;border:1px solid #F0D7D2;border-radius:30px;overflow:hidden;box-shadow:0 28px 80px rgba(115,28,16,.16);text-align:center}
.expired-cover{height:170px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.24),transparent 26%),linear-gradient(135deg,#D71920,#FFB45E);background-size:cover;background-position:center}
.expired-content{padding:0 28px 30px;margin-top:-44px}.expired-logo{width:92px;height:92px;border-radius:28px;border:5px solid #fff;background:#fff;box-shadow:0 16px 36px rgba(115,28,16,.18);display:grid;place-items:center;margin:0 auto 14px;overflow:hidden;font-weight:900;font-size:24px;color:#D71920}.expired-logo img{width:100%;height:100%;object-fit:cover}.expired-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(215,25,32,.09);color:#B9151B;border:1px solid rgba(215,25,32,.18);border-radius:999px;padding:8px 14px;font-weight:900;margin-bottom:12px}.expired-card h1{font-size:34px;line-height:1.25;margin:8px 0 12px;color:#24110d}.expired-card p{font-size:16px;line-height:1.9;color:#6b4d42;margin:0 auto 10px;max-width:620px}.expired-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0 16px}.expired-actions .btn{min-width:160px}.expired-home{display:inline-flex;color:#9A1117;font-weight:900;text-decoration:none}.alert-expired{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff1f1!important;border-color:#fecaca!important;color:#7f1d1d!important}.btn-mini{min-height:36px!important;padding:8px 12px!important;border-radius:10px!important;font-size:13px!important}
@media(max-width:620px){.expired-card{border-radius:24px}.expired-cover{height:138px}.expired-content{padding:0 18px 24px}.expired-card h1{font-size:26px}.expired-actions{display:grid}.expired-actions .btn{width:100%}}

/* Final responsive dashboard fixes - Mobile first reliable layout */
html,body{max-width:100%;overflow-x:hidden!important}
.dash.kh-admin{direction:rtl;min-width:0;width:100%;overflow-x:hidden;background:#FFF8EF!important;color:#241510!important}
.kh-admin .main{min-width:0;width:100%;max-width:100%;overflow-x:hidden}
.kh-admin .sidebar{transition:transform .25s ease, box-shadow .25s ease;will-change:transform}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:88;backdrop-filter:blur(3px)}
body.sidebar-open .sidebar-overlay{display:block}
.kh-admin .dash-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
.kh-admin .mobile-menu-btn{align-items:center;gap:8px;background:#9A1A0A!important;color:#fff!important;border-color:#9A1A0A!important}
.kh-admin .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.kh-admin .grid-2,.kh-admin .split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.kh-admin .grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.kh-admin .form{display:grid!important;gap:14px!important}
.kh-admin .field{min-width:0!important}.kh-admin .input,.kh-admin .select,.kh-admin .textarea{width:100%!important;max-width:100%!important}
.kh-admin .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.kh-admin .actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.kh-admin .actions form{margin:0}.kh-admin .btn{white-space:nowrap}.kh-admin img{max-width:100%;height:auto}
@media(max-width:1120px){.kh-admin .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kh-admin .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){
  .dash.kh-admin{display:block!important;min-height:100vh!important;padding:0!important}
  .kh-admin .sidebar{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(320px,86vw)!important;height:100dvh!important;max-height:100dvh!important;z-index:99!important;transform:translateX(105%)!important;overflow-y:auto!important;background:#fff!important;border-left:1px solid #E7D6C2!important;box-shadow:-28px 0 80px rgba(60,20,8,.24)!important;padding:16px!important}
  .kh-admin .sidebar.open{transform:translateX(0)!important}
  .kh-admin .mobile-menu-btn{display:inline-flex!important;position:relative!important;z-index:5!important;margin:0 0 12px!important}
  .kh-admin .main{padding:12px!important;width:100%!important;margin:0!important;min-height:100vh!important}
  .kh-admin .dash-head{position:sticky!important;top:0!important;z-index:30!important;margin:0 -4px 14px!important;padding:12px!important;border-radius:16px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(95,42,16,.08)!important}
  .kh-admin .dash-title h1{font-size:22px!important;line-height:1.35!important;letter-spacing:0!important}
  .kh-admin .dash-title p{font-size:13px!important}
  .kh-admin .grid-2,.kh-admin .split,.kh-admin .grid-3{grid-template-columns:1fr!important;gap:12px!important}
  .kh-admin .card{padding:14px!important;border-radius:16px!important}
  .kh-admin table{min-width:760px!important;font-size:13px!important}.kh-admin th,.kh-admin td{padding:10px!important;vertical-align:top!important}
  .kh-admin .admin-inline-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-width:0!important;width:100%!important}
  .kh-admin .danger-zone form{min-width:0!important;width:min(280px,78vw)!important}
}
@media(max-width:620px){
  .container{width:min(100% - 24px,var(--max))!important}.nav{min-height:62px!important}.nav-actions{gap:6px!important}.nav-actions .btn{padding:10px 12px!important;font-size:13px!important}.brand-badge{width:38px!important;height:38px!important}.brand span:last-child{font-size:15px!important}
  .hero{padding:42px 0 28px!important}.hero-grid{grid-template-columns:1fr!important;gap:22px!important}.hero h1{font-size:34px!important;letter-spacing:-.8px!important}.lead{font-size:15px!important;line-height:1.8!important}.hero-card{padding:12px!important;border-radius:22px!important}.mock-screen{min-height:420px!important}.section{padding:34px 0!important}.grid-3,.grid-2{grid-template-columns:1fr!important}
  .kh-admin .stats{grid-template-columns:1fr!important;gap:10px!important}.kh-admin .stat{padding:14px!important}.kh-admin .stat b{font-size:24px!important}.kh-admin .card h3{font-size:18px!important}.kh-admin .input,.kh-admin .select,.kh-admin .textarea{min-height:46px!important;padding:11px 12px!important}.kh-admin .btn{min-height:42px!important;padding:10px 12px!important;font-size:13px!important}.kh-admin .table-wrap{border-radius:14px!important}.kh-admin table{min-width:680px!important}.kh-admin .actions{display:grid!important;grid-template-columns:1fr!important}.kh-admin .actions .btn{width:100%!important}
  .auth-shell{padding:16px!important}.auth-card{padding:18px!important;border-radius:22px!important}
}
@media(max-width:430px){.kh-admin .main{padding:10px!important}.kh-admin .dash-head{padding:10px!important}.kh-admin .sidebar{width:88vw!important}.kh-admin table{min-width:640px!important}.kh-admin .card{padding:12px!important}.kh-admin .field label{font-size:13px!important}.hero-actions{display:grid!important}.hero-actions .btn{width:100%!important}}