: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}}


/* Final launch fixes: platform showcase + dashboard mobile stability */
.platform-red .nav-links a[href="#showcase"]{background:rgba(154,26,10,.08);color:#9A1A0A!important}
.showcase-section{scroll-margin-top:90px;position:relative}
.showcase-section:before{content:"";position:absolute;inset:18px 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,#F0D7D2,transparent)}
.sidebar-close{display:none;position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:13px;border:1px solid #E7D6C2;background:#FFF8EF;color:#9A1A0A;font-size:25px;font-weight:900;line-height:1;cursor:pointer}
.dash.kh-admin{grid-template-columns:280px minmax(0,1fr)!important;align-items:start!important}
.kh-admin .sidebar{right:auto!important;left:auto!important;min-width:0!important;max-width:280px!important}
.kh-admin .main{min-width:0!important;max-width:100%!important}
.kh-admin .card,.kh-admin .stat,.kh-admin .table-wrap{min-width:0!important}
.kh-admin .dash-head .btn,.kh-admin .dash-head a{max-width:100%}
.kh-admin .side-nav a{min-height:44px!important;line-height:1.35!important;white-space:normal!important}
@media(max-width:980px){
  .dash.kh-admin{display:block!important;width:100%!important;grid-template-columns:1fr!important;overflow-x:hidden!important}
  .kh-admin .sidebar{display:block!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(330px,88vw)!important;max-width:88vw!important;height:100dvh!important;max-height:100dvh!important;z-index:120!important;transform:translateX(110%)!important;transition:transform .23s ease!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:0!important;padding:58px 14px 18px!important;box-shadow:-25px 0 70px rgba(55,20,8,.28)!important}
  .kh-admin .sidebar.open{transform:translateX(0)!important}
  .sidebar-close{display:grid!important;place-items:center!important}
  .kh-admin .main{width:100%!important;margin:0!important;padding:10px!important;overflow-x:hidden!important}
  .kh-admin .dash-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;gap:8px!important;position:sticky!important;top:0!important;z-index:60!important;border:1px solid #E7D6C2!important}
  .kh-admin .dash-title{min-width:0!important;flex:1!important}
  .kh-admin .dash-title h1{font-size:20px!important;white-space:normal!important;word-break:break-word!important;margin:0!important}
  .kh-admin .dash-title p{display:none!important}
  .kh-admin .mobile-menu-btn{display:inline-flex!important;flex:0 0 auto!important;margin:0 0 10px!important}
  .kh-admin .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kh-admin .grid-2,.kh-admin .grid-3,.kh-admin .split,.kh-admin .admin-grid{grid-template-columns:1fr!important}
  .kh-admin .form{grid-template-columns:1fr!important}
  .kh-admin .input,.kh-admin .select,.kh-admin .textarea{font-size:16px!important;min-width:0!important}
  .kh-admin .table-wrap{overflow-x:auto!important;max-width:100%!important}
  .kh-admin table{min-width:720px!important}
  .kh-admin .actions.admin-inline-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .kh-admin details.danger-zone form{width:100%!important;max-width:260px!important}
}
@media(max-width:560px){
  .kh-admin .stats{grid-template-columns:1fr!important}
  .kh-admin .dash-head{padding:10px!important;border-radius:16px!important}
  .kh-admin .card{padding:13px!important;border-radius:16px!important}
  .kh-admin .btn{width:auto;max-width:100%;white-space:normal!important;text-align:center!important}
  .kh-admin .actions .btn,.kh-admin .actions button{width:100%!important}
  .platform-red .hero-actions{grid-template-columns:1fr!important;display:grid!important}
}

/* Launch polish v3.0: light, smooth, mobile-stable control panels */
:root{--panel-bg:#fff8ef;--panel-card:#ffffff;--panel-line:#ead7c6;--panel-text:#241510;--panel-muted:#796356;--panel-red:#9A1A0A;--panel-red-2:#c92714;--panel-soft:#fffdf8}
html,body{width:100%;max-width:100%;overflow-x:hidden!important;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.sidebar-open{overflow:hidden!important;touch-action:none}
.dash.kh-admin{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;min-height:100dvh!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:var(--panel-bg)!important;color:var(--panel-text)!important;direction:rtl!important}
.kh-admin *{box-sizing:border-box!important}
.kh-admin .sidebar{position:sticky!important;top:0!important;right:auto!important;left:auto!important;width:280px!important;max-width:280px!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;background:var(--panel-card)!important;border-left:1px solid var(--panel-line)!important;border-right:0!important;padding:18px 12px!important;box-shadow:-8px 0 22px rgba(95,42,16,.06)!important;z-index:50!important;scrollbar-width:thin!important}
.kh-admin .brand{display:flex!important;align-items:center!important;gap:10px!important;min-height:54px!important;padding:10px 8px 16px!important;margin:0 0 10px!important;border-bottom:1px solid var(--panel-line)!important;color:var(--panel-red)!important;text-decoration:none!important;font-weight:900!important;line-height:1.25!important}
.kh-admin .brand span:last-child{white-space:normal!important;word-break:break-word!important}
.kh-admin .brand-badge{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:50%!important;background:var(--panel-red)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(154,26,10,.18)!important}
.kh-admin .side-nav{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:10px!important}
.kh-admin .side-nav a{display:flex!important;align-items:center!important;min-height:44px!important;width:100%!important;padding:11px 12px!important;border-radius:14px!important;color:var(--panel-muted)!important;background:transparent!important;border:1px solid transparent!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;word-break:break-word!important;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease!important}
.kh-admin .side-nav a:hover,.kh-admin .side-nav a.active{background:rgba(154,26,10,.08)!important;color:var(--panel-red)!important;border-color:rgba(154,26,10,.16)!important;transform:translateX(-2px)!important}
.kh-admin .restaurant-switch{background:var(--panel-soft)!important;border:1px solid var(--panel-line)!important;border-radius:16px!important;padding:12px!important;margin-top:14px!important;overflow:hidden!important}
.kh-admin .restaurant-switch p{margin:8px 0 0!important;word-break:break-word!important}
.kh-admin .main{min-width:0!important;max-width:100%!important;width:100%!important;overflow-x:hidden!important;padding:24px!important;background:radial-gradient(circle at 0 0,rgba(154,26,10,.07),transparent 240px),var(--panel-bg)!important}
.kh-admin .dash-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;position:sticky!important;top:0!important;z-index:35!important;margin:0 0 18px!important;padding:14px 16px!important;border:1px solid var(--panel-line)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 22px rgba(95,42,16,.07)!important;backdrop-filter:blur(14px)!important}
.kh-admin .dash-title{min-width:0!important}.kh-admin .dash-title h1{margin:0!important;color:var(--panel-text)!important;font-size:26px!important;line-height:1.3!important;letter-spacing:0!important;white-space:normal!important;word-break:break-word!important}.kh-admin .dash-title p{margin:4px 0 0!important;color:var(--panel-muted)!important;font-size:13px!important}.kh-admin .dash-head-spacer{width:1px;height:1px}.kh-admin .mobile-menu-btn{display:none!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important;background:var(--panel-red)!important;color:#fff!important;border:1px solid var(--panel-red)!important;font-size:20px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(154,26,10,.16)!important;flex:0 0 auto!important}.sidebar-close{display:none;position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:13px;border:1px solid var(--panel-line);background:var(--panel-soft);color:var(--panel-red);font-size:24px;font-weight:900;line-height:1;cursor:pointer}.sidebar-overlay{display:none;position:fixed!important;inset:0!important;background:rgba(20,10,4,.42)!important;z-index:118!important;backdrop-filter:blur(3px)!important}body.sidebar-open .sidebar-overlay{display:block!important}
.kh-admin .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}.kh-admin .stat,.kh-admin .card,.kh-admin .table-wrap{min-width:0!important;max-width:100%!important;background:var(--panel-card)!important;border:1px solid var(--panel-line)!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(95,42,16,.07)!important;color:var(--panel-text)!important}.kh-admin .stat{padding:18px!important;position:relative!important;overflow:hidden!important}.kh-admin .stat:before{content:"";position:absolute;inset-inline-start:0;top:0;width:5px;height:100%;background:var(--panel-red)!important}.kh-admin .stat b{display:block!important;margin-top:4px!important;color:var(--panel-red)!important;font-size:28px!important;line-height:1.2!important;word-break:break-word!important}.kh-admin .card{padding:18px!important}.kh-admin .card h1,.kh-admin .card h2,.kh-admin .card h3{color:var(--panel-text)!important;margin-top:0!important;line-height:1.35!important}.kh-admin .muted{color:var(--panel-muted)!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;grid-template-columns:1fr!important;gap:13px!important}.kh-admin .field{min-width:0!important}.kh-admin label{line-height:1.6!important}.kh-admin .input,.kh-admin .select,.kh-admin .textarea{width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;border:1.5px solid var(--panel-line)!important;border-radius:13px!important;background:var(--panel-soft)!important;color:var(--panel-text)!important;padding:11px 12px!important;box-shadow:none!important;font-family:inherit!important}.kh-admin .textarea{min-height:110px!important;resize:vertical!important}.kh-admin .input:focus,.kh-admin .select:focus,.kh-admin .textarea:focus{outline:none!important;border-color:var(--panel-red)!important;box-shadow:0 0 0 4px rgba(154,26,10,.10)!important}.kh-admin .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;border-radius:13px!important;font-weight:900!important;line-height:1.35!important;white-space:normal!important;text-align:center!important;max-width:100%!important}.kh-admin .btn-primary{background:var(--panel-red)!important;border-color:var(--panel-red)!important;color:#fff!important;box-shadow:0 8px 18px rgba(154,26,10,.18)!important}.kh-admin .btn-danger{background:rgba(229,62,62,.09)!important;color:#b91c1c!important;border-color:rgba(229,62,62,.24)!important;box-shadow:none!important}.kh-admin .actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.kh-admin .actions form{margin:0!important}.kh-admin .table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:0!important}.kh-admin table{width:100%!important;min-width:760px!important;border-collapse:separate!important;border-spacing:0!important}.kh-admin th,.kh-admin td{padding:12px!important;vertical-align:middle!important;border-bottom:1px solid #f1e2d3!important}.kh-admin th{background:var(--panel-soft)!important;color:var(--panel-muted)!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}.kh-admin td{background:#fff!important;color:var(--panel-text)!important}.kh-admin tr:hover td{background:#fffaf5!important}.kh-admin img{max-width:100%!important;height:auto!important}.kh-admin details summary{cursor:pointer!important}.kh-admin .danger-zone summary{list-style:none!important}.kh-admin .danger-zone summary::-webkit-details-marker{display:none!important}.kh-admin .danger-zone form{background:var(--panel-soft)!important;border:1px solid var(--panel-line)!important;border-radius:14px!important;padding:12px!important;margin-top:8px!important;min-width:220px!important}.storage-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}
@media(max-width:1180px){.kh-admin .stats,.storage-kpis{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:100dvh!important;background:var(--panel-bg)!important}.kh-admin .sidebar{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(330px,88vw)!important;max-width:88vw!important;height:100dvh!important;max-height:100dvh!important;z-index:120!important;transform:translateX(110%)!important;transition:transform .22s ease!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:0!important;padding:58px 14px 18px!important;box-shadow:-24px 0 70px rgba(55,20,8,.28)!important}.kh-admin .sidebar.open{transform:translateX(0)!important}.sidebar-close{display:grid!important;place-items:center!important}.kh-admin .main{width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;overflow-x:hidden!important}.kh-admin .dash-head{grid-template-columns:auto minmax(0,1fr)!important;margin:0 0 12px!important;padding:10px!important;border-radius:16px!important;gap:9px!important}.kh-admin .dash-head-spacer{display:none!important}.kh-admin .mobile-menu-btn{display:inline-flex!important}.kh-admin .dash-title h1{font-size:20px!important}.kh-admin .dash-title p{display:none!important}.kh-admin .grid-2,.kh-admin .grid-3,.kh-admin .split,.kh-admin .admin-grid{grid-template-columns:1fr!important;gap:12px!important}.kh-admin .card{padding:14px!important;border-radius:16px!important}.kh-admin .table-wrap{border-radius:16px!important}.kh-admin table{min-width:700px!important;font-size:13px!important}.kh-admin th,.kh-admin td{padding:10px!important}.kh-admin .admin-inline-form,.kh-admin .actions.admin-inline-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.kh-admin details.danger-zone form{width:min(280px,78vw)!important;min-width:0!important}.kh-admin .input,.kh-admin .select,.kh-admin .textarea{font-size:16px!important}.kh-admin .btn{min-height:42px!important;padding:10px 12px!important}}
@media(max-width:620px){.kh-admin .stats,.storage-kpis{grid-template-columns:1fr!important;gap:10px!important}.kh-admin .stat{padding:14px!important}.kh-admin .stat b{font-size:23px!important}.kh-admin .card{padding:13px!important}.kh-admin .card h3{font-size:18px!important}.kh-admin .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.kh-admin .actions .btn,.kh-admin .actions button,.kh-admin .actions form{width:100%!important}.kh-admin table{min-width:640px!important}.kh-admin .brand{padding-left:44px!important}.kh-admin .dash-title h1{font-size:19px!important}.kh-admin .alert{font-size:14px!important;line-height:1.7!important}.kh-admin .btn{width:auto}}
@media(max-width:430px){.kh-admin .main{padding:8px!important}.kh-admin .dash-head{padding:9px!important}.kh-admin .sidebar{width:90vw!important;max-width:90vw!important}.kh-admin table{min-width:610px!important}.kh-admin .field label{font-size:13px!important}.kh-admin .input,.kh-admin .select,.kh-admin .textarea{min-height:44px!important;padding:10px!important}.kh-admin .mobile-menu-btn{width:40px!important;height:40px!important;min-height:40px!important}.kh-admin .dash-title h1{font-size:18px!important}}

/* ===== Dashboard refresh: clearer colors and easier sidebar ===== */
.kh-admin{background:#f7f3ee!important;color:#1f2937!important}
.kh-admin .sidebar{background:#fff!important;border-left:1px solid #eaded2!important;box-shadow:none!important}
.kh-admin .brand{color:#1f2937!important;font-weight:900!important}
.kh-admin .brand-badge{background:linear-gradient(135deg,#b71c1c,#d84315)!important;color:#fff!important;box-shadow:0 10px 24px rgba(183,28,28,.18)!important}
.kh-admin .side-nav{gap:10px!important}
.kh-admin .side-nav a{background:#fff7f0!important;border:1px solid #efdccf!important;color:#5b372d!important;padding:13px 14px!important;justify-content:flex-start!important}
.kh-admin .side-nav a:hover{background:#fff0e6!important;color:#8a1b10!important;border-color:#e6c2af!important}
.kh-admin .side-nav a.active{background:linear-gradient(135deg,#b71c1c,#d84315)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(183,28,28,.16)!important}
.kh-admin .restaurant-switch{background:#fff7f0!important;border:1px solid #efdccf!important;border-radius:18px!important;padding:14px!important}
.kh-admin .dash-head{background:#fff!important;border:1px solid #ecdccf!important}
.kh-admin .dash-title h1,.kh-admin .card h3,.kh-admin h2,.kh-admin h3{color:#1f2937!important}
.kh-admin .dash-title p,.kh-admin .muted,.kh-admin p{color:#6b7280!important}
.kh-admin .card,.kh-admin .stat{background:#fff!important;border:1px solid #ecdccf!important;box-shadow:0 10px 30px rgba(0,0,0,.04)!important}
.kh-admin .stat b,.kh-admin .stat h3,.kh-admin .stat .num{color:#111827!important}
.kh-admin .input,.kh-admin .select,.kh-admin .textarea{background:#fff!important;border:1px solid #dcc8bb!important;color:#111827!important}
.kh-admin .input::placeholder,.kh-admin .textarea::placeholder{color:#9ca3af!important}
.kh-admin .input:focus,.kh-admin .select:focus,.kh-admin .textarea:focus{border-color:#b71c1c!important;box-shadow:0 0 0 4px rgba(183,28,28,.10)!important}
.kh-admin .btn{border-radius:14px!important}
.kh-admin .btn-primary{background:linear-gradient(135deg,#b71c1c,#d84315)!important;color:#fff!important;box-shadow:0 10px 24px rgba(183,28,28,.18)!important}
.kh-admin .btn{background:#fff!important;color:#7c2d12!important;border:1px solid #ecdccf!important}
.kh-admin .btn-primary,.platform-red .btn-primary{border-color:transparent!important}
.kh-admin .btn-danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.kh-admin .badge{background:#fff0e6!important;color:#9a3412!important;border:1px solid #f5d0b5!important}
.kh-admin table tr th{background:#fff7f0!important;color:#6b3c2f!important}
.kh-admin table tr td{color:#1f2937!important;background:#fff!important}
.kh-admin table tr:nth-child(even) td{background:#fffaf6!important}
.kh-admin .alert{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#166534!important}
.kh-admin .alert-danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important}
.kh-admin .mobile-menu-btn{background:linear-gradient(135deg,#b71c1c,#d84315)!important;border-color:transparent!important;color:#fff!important}
.sidebar-close{display:none;position:absolute;top:12px;left:12px;width:40px;height:40px;border:none;border-radius:12px;background:#fef2f2;color:#991b1b;font-size:22px;cursor:pointer}
@media(max-width:980px){.sidebar-close{display:grid;place-items:center}.kh-admin .sidebar{padding-top:58px!important}.kh-admin .side-nav a{font-size:14px!important}}

/* pricing cards refresh */
.pricing-rich{align-items:stretch}
.price-card{padding:0!important;overflow:hidden!important;border-radius:24px!important}
.price-head{padding:22px 20px;color:#fff;text-align:center}
.price-head.trial{background:linear-gradient(135deg,#0f766e,#14b8a6)}
.price-head.monthly{background:linear-gradient(135deg,#0d9488,#0f766e)}
.price-head.pro{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.price-card.recommended{transform:translateY(-4px);box-shadow:0 18px 48px rgba(13,148,136,.16)!important}
.plan-name{display:block;font-weight:900;font-size:20px;margin-bottom:8px}
.price-big{font-size:44px;font-weight:900;line-height:1.1}
.price-big small{font-size:20px;font-weight:800}
.plan-meta{opacity:.95;margin-top:8px;font-weight:700}
.price-body{padding:20px}
.price-features{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.price-features li{position:relative;padding-right:24px;color:#374151;line-height:1.8}
.price-features li:before{content:'✓';position:absolute;right:0;top:0;color:#0f766e;font-weight:900}
.platform-red .price-card{border:1px solid #edd6c9!important;background:#fff!important}
.platform-red .price-features li{color:#694b40!important}

/* ===== Public includes / modern landing update ===== */
.public-navbar,.navbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #f0dfd6}.navbar-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.navbar-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.15rem;color:#24110d}.navbar-brand i{color:#d71920}.navbar-nav{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.nav-link{padding:10px 12px;border-radius:14px;color:#674137;font-weight:800}.nav-link:hover,.nav-link.active{background:#fff0e7;color:#c51f1f}.navbar-actions{display:flex;align-items:center;gap:8px}.navbar-toggle{display:none;background:#fff;border:1px solid #ecd6cc;border-radius:14px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.navbar-toggle span{display:block;width:20px;height:2px;background:#8a1b10;border-radius:10px}.btn-sm{min-height:38px;padding:8px 12px;border-radius:12px;font-size:.9rem}.btn-lg{min-height:54px;padding:14px 22px;border-radius:18px}.btn-block{width:100%}.btn-outline,.btn-outline-white{background:#fff;border:1px solid #ecd6cc;color:#7c2d12}.btn-outline-white{background:rgba(255,255,255,.9)}.hero-content h1{font-size:clamp(36px,6vw,72px);line-height:1.08;margin:18px 0;color:#24110d}.hero-badge,.section-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#fff0e7;border:1px solid #f2d5c7;color:#aa1b12;padding:8px 14px;font-weight:900}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.hero-stat{background:#fff;border:1px solid #f0dfd6;border-radius:18px;padding:12px;text-align:center;box-shadow:0 10px 24px rgba(80,25,10,.05)}.hero-stat .num{font-weight:900;color:#d71920;font-size:1.15rem}.hero-stat .label{color:#765c54;font-size:.82rem;margin-top:4px}.hero-mockup{display:flex;justify-content:center}.hero-phone{width:min(360px,100%);border-radius:38px;background:#111827;padding:14px;box-shadow:0 24px 80px rgba(80,25,10,.25);border:1px solid rgba(0,0,0,.1)}.phone-screen{background:#fff;border-radius:28px;overflow:hidden;min-height:560px}.phone-cover{height:140px;background:linear-gradient(135deg,#d71920,#ffb45e)}.phone-logo{width:72px;height:72px;margin:-38px auto 8px;background:#fff;border:5px solid #fff;border-radius:24px;display:grid;place-items:center;font-size:32px;box-shadow:0 12px 26px rgba(0,0,0,.12)}.phone-info{text-align:center;padding:0 16px 12px}.phone-name{font-weight:900;color:#24110d}.phone-desc{color:#765c54;font-size:.9rem}.phone-cats{display:flex;gap:8px;overflow:auto;padding:12px}.phone-cat{background:#d71920;color:#fff;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:900;white-space:nowrap}.phone-cat.inactive{background:#fff0e7;color:#7c2d12}.phone-products{display:grid;gap:10px;padding:0 14px 14px}.phone-product{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #f0dfd6;border-radius:18px;padding:10px}.phone-product-img{width:48px;height:48px;border-radius:15px;background:#fff0e7;display:grid;place-items:center;font-size:24px}.phone-product-name{font-weight:900;color:#24110d}.phone-product-price{color:#d71920;font-weight:900;font-size:.9rem}.section-header{text-align:center;max-width:760px;margin:0 auto 34px}.section-header h2{font-size:clamp(28px,4vw,46px);margin:14px 0 10px;color:#24110d}.section-header p{color:#765c54;line-height:1.8}.section-alt{background:rgba(255,247,243,.65)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.step-card,.menu-example-card,.pricing-card,.faq-item{background:#fff;border:1px solid #f0dfd6;border-radius:24px;padding:22px;box-shadow:0 12px 36px rgba(80,25,10,.06)}.feature-icon{width:56px;height:56px;border-radius:20px;background:#fff0e7;display:grid;place-items:center;font-size:28px;margin-bottom:14px}.feature-card h3,.step-card h3{margin:0 0 8px;color:#24110d}.feature-card p,.step-card p{margin:0;color:#765c54;line-height:1.8}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-num{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#d71920,#9a1117);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:14px}.menu-examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.menu-example-card{padding:0;overflow:hidden}.menu-example-cover{height:170px;background:linear-gradient(135deg,#d71920,#ffb45e);position:relative}.menu-example-cover img{width:100%;height:100%;object-fit:cover}.menu-example-logo{position:absolute;right:18px;bottom:-32px;width:66px;height:66px;border-radius:22px;border:4px solid #fff;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.12)}.menu-example-logo img{width:100%;height:100%;object-fit:cover}.menu-example-body{padding:46px 18px 18px}.menu-example-name{font-weight:900;color:#24110d;font-size:1.15rem}.menu-example-desc{color:#765c54;line-height:1.7;min-height:54px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-card{position:relative}.pricing-card.featured{border-color:#d71920;box-shadow:0 18px 48px rgba(215,25,32,.12);transform:translateY(-4px)}.price-amount{font-size:2.3rem;font-weight:900;color:#d71920}.price-period{color:#765c54;font-weight:800}.pricing-features{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}.pricing-features li{display:flex;gap:8px;align-items:flex-start;color:#5d4037;line-height:1.7}.check{color:#16a34a}.faq-list{display:grid;gap:12px;max-width:860px;margin:auto}.faq-question{font-weight:900;display:flex;justify-content:space-between;align-items:center;color:#24110d}.faq-answer{color:#765c54;line-height:1.8;margin-top:10px}.cta-section{background:linear-gradient(135deg,#24110d,#9a1117)!important;color:#fff}.cta-section h2{color:#fff!important}.cta-section p{color:rgba(255,255,255,.82)}

/* auth and create pages */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-left{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.14),transparent 30%),linear-gradient(135deg,#24110d,#9a1117);color:#fff;display:flex;align-items:center;padding:48px}.auth-left-content{max-width:560px;margin:auto}.auth-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.35rem;font-weight:900;text-decoration:none;margin-bottom:40px}.auth-brand i{color:#ffb45e}.auth-left h2{font-size:clamp(30px,4vw,52px);line-height:1.2;color:#fff;margin:0 0 14px}.auth-left p{color:rgba(255,255,255,.82);line-height:1.9}.auth-features{display:grid;gap:14px;margin-top:28px}.auth-feature{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:14px}.auth-feature-icon{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:24px}.auth-feature h4{margin:0 0 4px;color:#fff}.auth-feature p{margin:0;font-size:.9rem}.auth-right{display:flex;align-items:center;justify-content:center;padding:34px;background:#fff7f3}.auth-box{width:min(480px,100%);background:#fff;border:1px solid #f0dfd6;border-radius:30px;padding:30px;box-shadow:0 22px 70px rgba(80,25,10,.12)}.auth-logo{text-align:center;font-size:1.4rem;font-weight:900;margin-bottom:14px;color:#24110d}.auth-logo b{color:#d71920}.auth-box h1{font-size:30px;text-align:center;margin:0 0 8px;color:#24110d}.auth-sub{text-align:center;color:#765c54;margin:0 0 22px}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:900;color:#4b2e26;margin-bottom:8px}.form-control{width:100%;border:1px solid #dcc8bb;background:#fff;color:#111827;border-radius:16px;padding:13px 14px;outline:0;font:inherit;min-height:48px}.form-control:focus{border-color:#d71920;box-shadow:0 0 0 4px rgba(215,25,32,.1)}.input-group{position:relative}.input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#b45309}.input-group .form-control{padding-right:42px}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e5d4c8;background:#fff;border-radius:16px;min-height:48px;font-weight:900;color:#24110d;margin-bottom:14px}.google-btn span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f3f4f6;color:#d71920}.divider{display:flex;align-items:center;gap:12px;color:#9ca3af;font-weight:800;margin:14px 0}.divider:before,.divider:after{content:"";height:1px;background:#e7d6c2;flex:1}.auth-small{text-align:center;margin-top:18px;color:#765c54}.auth-small a{color:#d71920;font-weight:900}.create-page{min-height:100vh;background:#fff7f3;padding:40px 0 60px}.create-top{text-align:center;margin-bottom:28px}.create-brand{font-size:1.3rem;font-weight:900;color:#24110d;display:inline-flex;align-items:center;gap:8px}.create-brand i{color:#d71920}.create-box{max-width:760px;margin:0 auto;background:#fff;border-radius:30px;box-shadow:0 24px 70px rgba(80,25,10,.12);overflow:hidden;border:1px solid #f0dfd6}.create-header{background:linear-gradient(135deg,#24110d,#9a1117);padding:36px 40px;color:#fff}.create-header h1{color:#fff;font-size:1.8rem;margin:0 0 8px}.create-header p{color:rgba(255,255,255,.85);line-height:1.8;margin:0}.create-body{padding:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-divider{font-size:.82rem;font-weight:900;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #eaded2;padding-bottom:8px;margin:26px 0 18px}.slug-preview{font-size:.82rem;color:#d71920;margin-top:6px;font-weight:900}.form-hint{font-size:.78rem;color:#9ca3af;margin-top:5px}.file-upload-zone{border:1.5px dashed #e6c7b9;background:#fffaf7;border-radius:18px;min-height:150px;display:grid;place-items:center;text-align:center;padding:18px;cursor:pointer}.upload-icon{font-size:36px}.file-upload-zone p{margin:6px 0;color:#4b2e26;font-weight:900}.file-upload-zone small{color:#9ca3af}.color-input-wrap{display:flex;gap:10px;align-items:center}.color-input-wrap input[type=color]{width:58px;height:48px;border:1px solid #dcc8bb;border-radius:14px;background:#fff}

.pro-footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}.footer-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.25rem;color:#24110d}.footer-logo i{color:#d71920}.footer-desc{color:#765c54;line-height:1.8}.footer-social{display:flex;gap:8px}.footer-social a{width:38px;height:38px;border-radius:12px;background:#fff0e7;color:#d71920;display:grid;place-items:center}.footer-section h4{color:#24110d;margin:0 0 12px}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-links a{color:#765c54}.footer-bottom{border-top:1px solid #f0dfd6;margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-bottom div{display:flex;gap:16px}

@media(max-width:980px){.navbar-nav{display:none}.navbar-toggle{display:flex}.hero-grid,.auth-page{grid-template-columns:1fr}.auth-left{padding:34px 22px}.features-grid,.menu-examples-grid,.pricing-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr 1fr}.pro-footer .footer-grid{grid-template-columns:1fr 1fr}.hero-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 24px,var(--max))}.features-grid,.menu-examples-grid,.pricing-grid,.steps-grid,.form-row,.pro-footer .footer-grid{grid-template-columns:1fr}.auth-left{display:none}.auth-right{min-height:100vh;padding:20px}.auth-box{padding:22px;border-radius:24px}.create-body{padding:22px}.create-header{padding:28px 22px}.hero-content h1{font-size:34px}.phone-screen{min-height:auto}.hero-phone{width:100%}.navbar-actions .btn-outline{display:none}.footer-bottom{display:grid}.hero-stats{grid-template-columns:1fr 1fr}}


/* ===== Final dashboard colors matched with create-restaurant.php ===== */
:root{
  --menu-primary:#e63946;
  --menu-primary-dark:#c92231;
  --menu-secondary:#1d3557;
  --menu-secondary-light:#27496d;
  --menu-light:#f8f9fa;
  --menu-border:#e9ecef;
  --menu-text:#212529;
  --menu-gray:#6c757d;
}
.dash.kh-admin{
  background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)!important;
  color:var(--menu-text)!important;
}
.kh-admin .sidebar{
  background:linear-gradient(180deg,var(--menu-secondary) 0%,#14253d 100%)!important;
  border-left:0!important;
  box-shadow:-10px 0 28px rgba(29,53,87,.13)!important;
}
.kh-admin .brand,.kh-admin .brand span{
  color:#fff!important;
}
.kh-admin .brand-badge{
  background:linear-gradient(135deg,var(--menu-primary),#ff6b6b)!important;
  color:#fff!important;
  box-shadow:0 12px 25px rgba(230,57,70,.25)!important;
}
.kh-admin .side-nav a{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.82)!important;
}
.kh-admin .side-nav a:hover{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.kh-admin .side-nav a.active{
  background:linear-gradient(135deg,var(--menu-primary),#ff6b6b)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 28px rgba(230,57,70,.25)!important;
}
.kh-admin .restaurant-switch{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.kh-admin .restaurant-switch .muted{color:rgba(255,255,255,.7)!important}
.kh-admin .dash-head{
  background:#fff!important;
  border:1px solid var(--menu-border)!important;
  box-shadow:0 8px 24px rgba(29,53,87,.06)!important;
}
.kh-admin .dash-title h1,.kh-admin .card h3,.kh-admin h2,.kh-admin h3{
  color:var(--menu-secondary)!important;
}
.kh-admin .dash-title p,.kh-admin .muted,.kh-admin p{
  color:var(--menu-gray)!important;
}
.kh-admin .card,.kh-admin .stat{
  background:#fff!important;
  border:1px solid var(--menu-border)!important;
  box-shadow:0 10px 28px rgba(29,53,87,.06)!important;
}
.kh-admin .input,.kh-admin .select,.kh-admin .textarea{
  background:#fff!important;
  color:var(--menu-text)!important;
  border:1px solid #dee2e6!important;
}
.kh-admin .input:focus,.kh-admin .select:focus,.kh-admin .textarea:focus{
  border-color:var(--menu-primary)!important;
  box-shadow:0 0 0 4px rgba(230,57,70,.12)!important;
}
.kh-admin .btn-primary{
  background:linear-gradient(135deg,var(--menu-primary),#ff6b6b)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.kh-admin .btn{
  border-color:#dee2e6!important;
}
.kh-admin .btn-danger{
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:#fecdd3!important;
}
.kh-admin table th{
  background:#f1f4f8!important;
  color:var(--menu-secondary)!important;
}
.kh-admin table td{
  background:#fff!important;
  color:var(--menu-text)!important;
  border-color:#edf0f3!important;
}
.kh-admin .mobile-menu-btn{
  background:linear-gradient(135deg,var(--menu-primary),#ff6b6b)!important;
  color:#fff!important;
  border-color:transparent!important;
}
@media(max-width:980px){
  .kh-admin .sidebar{
    background:linear-gradient(180deg,var(--menu-secondary) 0%,#14253d 100%)!important;
    color:#fff!important;
  }
  .sidebar-close{background:rgba(255,255,255,.12)!important;color:#fff!important}
}

/* Checkout WhatsApp button clarity */
.checkout-choice-title{font-weight:900}
.checkout-choice{cursor:pointer}
.checkout-choice:hover{transform:translateY(-1px)}


/* Public navbar mobile menu fix */
@media(max-width: 820px){
  .public-navbar .navbar-inner{position:relative}
  .public-navbar .navbar-toggle{display:flex!important;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(230,57,70,.18);border-radius:14px;background:#fff;cursor:pointer}
  .public-navbar .navbar-toggle span{display:block;width:22px;height:2px;background:#1d3557;border-radius:99px;transition:.2s}
  .public-navbar .navbar-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .public-navbar .navbar-toggle.active span:nth-child(2){opacity:0}
  .public-navbar .navbar-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .public-navbar .navbar-nav,
  .public-navbar .navbar-actions{
    display:none!important;position:absolute;right:0;left:0;top:calc(100% + 10px);background:#fff;border:1px solid #e9ecef;border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(29,53,87,.13);z-index:1000
  }
  .public-navbar .navbar-nav.open{display:grid!important;gap:8px}
  .public-navbar .navbar-actions.open{display:flex!important;top:calc(100% + 230px);justify-content:center;gap:8px;flex-wrap:wrap}
  .public-navbar .navbar-nav li{list-style:none}
  .public-navbar .navbar-nav a{display:block;padding:12px;border-radius:12px;color:#1d3557!important}
}
@media(min-width:821px){.public-navbar .navbar-toggle{display:none!important}}
/* Clear dashboard field labels */
.kh-admin .field label,.kh-admin label,.kh-admin .form-label{
  color:#1d3557!important;font-weight:900!important;
}
.kh-admin .section-divider,.kh-admin .sidebar-section-title{
  color:#e63946!important;font-weight:900!important;
}
.owner-login-icon{background:#fff!important;color:var(--primary)!important;border-color:var(--border)!important}

/* final navigation usability fixes */
.public-navbar,.navbar{position:sticky!important;top:0!important;z-index:9999!important}
.platform-scroll-top{position:fixed;left:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:none;background:#d71920;color:#fff;box-shadow:0 12px 28px rgba(215,25,32,.25);display:none;align-items:center;justify-content:center;z-index:9998;cursor:pointer;font-weight:900}
.platform-scroll-top.show{display:flex}
.settings-savebar{position:sticky;top:78px;z-index:20;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:10px;margin-bottom:14px;box-shadow:0 10px 24px rgba(29,53,87,.08);display:flex;justify-content:flex-start}
.section-save{margin-top:14px}
@media(max-width:980px){
  .public-navbar .navbar-inner{position:relative}.public-navbar .navbar-toggle{display:flex!important;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(230,57,70,.18);border-radius:14px;background:#fff;cursor:pointer}.public-navbar .navbar-nav,.public-navbar .navbar-actions{display:none!important;position:absolute;right:0;left:0;top:calc(100% + 10px);background:#fff;border:1px solid #e9ecef;border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(29,53,87,.13);z-index:10000}.public-navbar .navbar-nav.open{display:grid!important;gap:8px}.public-navbar .navbar-actions.open{display:flex!important;top:calc(100% + 230px);justify-content:center;gap:8px;flex-wrap:wrap}.public-navbar .navbar-nav li{list-style:none}.public-navbar .navbar-nav a{display:block;padding:12px;border-radius:12px;color:#1d3557!important}
}

/* ===== FINAL STICKY HEADER + SCROLL TOP FIX ===== */
body.platform-red{padding-top:74px!important;}
body.platform-red .public-navbar,
body.platform-red .navbar.public-navbar{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:0!important;
  width:100%!important;
  z-index:99999!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 30px rgba(29,53,87,.08)!important;
}
body.platform-red .navbar-brand span{font-weight:900!important;color:#1d3557!important;white-space:nowrap!important;}
body.platform-red .platform-scroll-top{
  position:fixed!important;
  left:18px!important;
  bottom:22px!important;
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  border:0!important;
  background:linear-gradient(135deg,#e63946,#c92231)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(230,57,70,.32)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:99998!important;
  cursor:pointer!important;
  font-size:20px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(12px)!important;
  transition:.22s ease!important;
}
body.platform-red .platform-scroll-top.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
@media(max-width:820px){
  body.platform-red{padding-top:66px!important;}
  body.platform-red .navbar-inner{min-height:66px!important;}
  body.platform-red .public-navbar .navbar-nav.open{display:grid!important;}
  body.platform-red .public-navbar .navbar-actions.open{display:flex!important;}
  body.platform-red .platform-scroll-top{left:14px!important;bottom:18px!important;width:46px!important;height:46px!important;}
}


/* ===== Public mobile side menu - final fix ===== */
.public-menu-overlay{
  position:fixed;inset:0;background:rgba(15,23,42,.54);z-index:99998;opacity:0;visibility:hidden;transition:.22s ease;backdrop-filter:blur(3px)
}
.public-menu-overlay.open{opacity:1;visibility:visible}
.public-side-menu{
  position:fixed;top:0;bottom:0;right:0;width:min(86vw,360px);background:#fff;z-index:99999;transform:translateX(105%);transition:transform .26s ease;box-shadow:-18px 0 55px rgba(29,53,87,.22);display:flex;flex-direction:column;padding:18px;border-radius:24px 0 0 24px;overflow:auto
}
.public-side-menu.open{transform:translateX(0)}
.public-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid #eef2f7}
.public-side-brand{display:flex;align-items:center;gap:10px;color:#1d3557;font-weight:900}
.public-side-brand img{width:42px;height:42px;border-radius:14px;object-fit:cover}
.public-side-brand i{width:42px;height:42px;border-radius:14px;background:#fff1f2;color:#e63946;display:grid;place-items:center}
.public-side-close{width:42px;height:42px;border:0;border-radius:14px;background:#f8fafc;color:#1d3557;font-size:30px;line-height:1;cursor:pointer}
.public-side-links{display:grid;gap:8px;margin:8px 0 18px}
.public-side-links a{display:flex!important;align-items:center;gap:12px;padding:13px 14px;border-radius:15px;background:#f8fafc;color:#1d3557!important;font-weight:900;border:1px solid #edf2f7;text-decoration:none!important}
.public-side-links a:hover{background:#fff1f2;color:#e63946!important;border-color:#fecdd3}
.public-side-links i{width:22px;color:#e63946;text-align:center}
.public-side-actions{display:grid;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #eef2f7}
body.public-menu-open{overflow:hidden}
@media(min-width:981px){.public-menu-overlay,.public-side-menu{display:none!important}.desktop-nav{display:flex!important}.desktop-actions{display:flex!important}}
@media(max-width:980px){.desktop-nav,.desktop-actions{display:none!important}.public-navbar .navbar-toggle,#publicMenuToggle{display:flex!important;position:relative;z-index:100000}}

.orders-status-box{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px 14px;border-radius:14px;margin:12px 0;font-weight:800}
.coupon-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;background:#fff}


/* =========================================================
   Public landing design merge from menuiraq(2).zip
   Scope: homepage/public platform only. Dashboard and menus are untouched.
   ========================================================= */
body.public-landing{
  --miq-primary:#e63946;
  --miq-primary-dark:#c1121f;
  --miq-primary-light:#ff6b6b;
  --miq-secondary:#1d3557;
  --miq-secondary-light:#457b9d;
  --miq-accent:#f4a261;
  --miq-white:#ffffff;
  --miq-light:#f8f9fa;
  --miq-light-gray:#f1f3f5;
  --miq-gray:#6c757d;
  --miq-dark:#212529;
  --miq-shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
  --miq-shadow:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);
  --miq-shadow-md:0 8px 25px rgba(0,0,0,.10);
  --miq-shadow-lg:0 20px 60px rgba(0,0,0,.12);
  --miq-radius:14px;
  --miq-radius-lg:22px;
  --miq-transition:all .25s ease;
  background:
    radial-gradient(circle at 15% 12%, rgba(230,57,70,.075), transparent 28%),
    radial-gradient(circle at 84% 4%, rgba(29,53,87,.08), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f8f9fa 62%,#fff 100%) !important;
  color:var(--miq-dark)!important;
  direction:rtl;
  text-align:right;
  line-height:1.7;
}
body.public-landing:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    radial-gradient(circle, rgba(29,53,87,.06) 1px, transparent 1.5px),
    linear-gradient(135deg, rgba(230,57,70,.025) 25%, transparent 25%),
    linear-gradient(45deg, rgba(29,53,87,.02) 25%, transparent 25%);
  background-size:26px 26px, 90px 90px, 110px 110px;
  opacity:.7;
}
body.public-landing .container{max-width:1200px;margin-inline:auto;padding-inline:20px;width:100%;}
body.public-landing h1,body.public-landing h2,body.public-landing h3,body.public-landing h4{color:var(--miq-secondary);font-weight:900;letter-spacing:-.45px;}
body.public-landing p{color:var(--miq-gray);line-height:1.9;}
body.public-landing .btn{border-radius:12px;padding:12px 25px;font-weight:800;box-shadow:none;border:2px solid transparent;min-height:46px;transition:var(--miq-transition);}
body.public-landing .btn:hover{transform:translateY(-2px);}
body.public-landing .btn-primary{background:var(--miq-primary)!important;color:#fff!important;border-color:var(--miq-primary)!important;box-shadow:0 8px 24px rgba(230,57,70,.28)!important;}
body.public-landing .btn-primary:hover{background:var(--miq-primary-dark)!important;border-color:var(--miq-primary-dark)!important;}
body.public-landing .btn-outline{background:transparent!important;color:var(--miq-primary)!important;border-color:var(--miq-primary)!important;}
body.public-landing .btn-outline:hover{background:var(--miq-primary)!important;color:#fff!important;}
body.public-landing .btn-light{background:#fff!important;color:var(--miq-primary)!important;border-color:#fff!important;box-shadow:0 8px 24px rgba(29,53,87,.12)!important;}
body.public-landing .btn-lg{padding:15px 35px;font-size:1.03rem;border-radius:14px;}

/* Sticky public navbar - clean red/blue style */
body.public-landing .public-navbar{
  position:sticky!important;top:0;z-index:1000;background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(29,53,87,.09)!important;box-shadow:0 6px 26px rgba(29,53,87,.07)!important;
}
body.public-landing .navbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
body.public-landing .navbar-brand{display:flex;align-items:center;gap:11px;font-weight:900;color:var(--miq-secondary)!important;font-size:1.12rem;white-space:nowrap;}
body.public-landing .navbar-brand i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--miq-primary);color:#fff!important;box-shadow:0 8px 22px rgba(230,57,70,.25);}
body.public-landing .navbar-brand img{box-shadow:0 8px 22px rgba(29,53,87,.12);}
body.public-landing .navbar-nav{display:flex;align-items:center;gap:6px;}
body.public-landing .navbar-nav .nav-link{color:#334155!important;font-weight:800;padding:10px 12px;border-radius:12px;transition:var(--miq-transition);}
body.public-landing .navbar-nav .nav-link:hover{background:rgba(230,57,70,.09)!important;color:var(--miq-primary)!important;}
body.public-landing .navbar-toggle{border:0;background:var(--miq-primary)!important;color:#fff;border-radius:12px;width:44px;height:44px;box-shadow:0 8px 22px rgba(230,57,70,.22);}
body.public-landing .navbar-toggle span{background:#fff!important;}

/* Hero */
body.public-landing .hero{position:relative;overflow:hidden;padding:92px 0 70px;background:linear-gradient(135deg,var(--miq-secondary) 0%,#27496d 54%,var(--miq-primary) 100%)!important;color:#fff!important;}
body.public-landing .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 22%,rgba(255,255,255,.14),transparent 20%),radial-gradient(circle at 84% 10%,rgba(255,255,255,.12),transparent 26%),linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.035) 75%);background-size:auto,auto,42px 42px;opacity:.95;}
body.public-landing .hero .container{position:relative;z-index:1;}
body.public-landing .hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:54px;}
body.public-landing .hero-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;border-radius:999px;padding:9px 18px;font-weight:900;margin-bottom:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
body.public-landing .hero h1{font-size:clamp(2.35rem,5vw,4.55rem);line-height:1.12;color:#fff!important;margin:0 0 22px;font-weight:900;letter-spacing:-1.8px;}
body.public-landing .hero h1 span,body.public-landing .hero .grad{color:#fff;background:linear-gradient(135deg,#fff,#ffd5d9);-webkit-background-clip:text;background-clip:text;color:transparent;}
body.public-landing .hero .lead,body.public-landing .hero p{font-size:1.13rem;color:rgba(255,255,255,.9)!important;line-height:1.95;max-width:660px;margin:0 0 28px;}
body.public-landing .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 28px;}
body.public-landing .hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px;}
body.public-landing .hero-stat{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:16px;padding:15px 12px;text-align:center;backdrop-filter:blur(10px);}
body.public-landing .hero-stat .num{color:#fff!important;font-weight:900;font-size:1.34rem;}
body.public-landing .hero-stat .label{color:rgba(255,255,255,.84)!important;font-size:.86rem;font-weight:700;}
body.public-landing .hero-mockup{display:flex;justify-content:center;align-items:center;}
body.public-landing .hero-phone{width:min(360px,100%);background:#fff;border-radius:34px;padding:13px;box-shadow:0 30px 80px rgba(0,0,0,.26);transform:rotate(-3deg);transition:var(--miq-transition);}
body.public-landing .hero-phone:hover{transform:rotate(0) translateY(-4px);}
body.public-landing .phone-screen{background:#f8f9fa;border-radius:25px;overflow:hidden;border:1px solid rgba(29,53,87,.08);min-height:520px;}
body.public-landing .phone-cover{height:110px;background:linear-gradient(135deg,var(--miq-primary),var(--miq-secondary));border-radius:0 0 22px 22px;}
body.public-landing .phone-logo{width:74px;height:74px;border-radius:22px;background:#fff;margin:-37px auto 10px;display:grid;place-items:center;font-size:2rem;box-shadow:var(--miq-shadow-md);}
body.public-landing .phone-info{text-align:center;padding:0 18px 12px;}
body.public-landing .phone-name{font-weight:900;color:var(--miq-secondary);font-size:1.08rem;}
body.public-landing .phone-desc{color:var(--miq-gray);font-size:.82rem;}
body.public-landing .phone-cats{display:flex;gap:8px;overflow:hidden;padding:8px 14px;}
body.public-landing .phone-cat{background:var(--miq-primary);color:#fff;border-radius:999px;padding:8px 14px;font-weight:800;font-size:.8rem;white-space:nowrap;}
body.public-landing .phone-cat.inactive{background:#fff;color:var(--miq-gray);border:1px solid #e9ecef;}
body.public-landing .phone-products{padding:10px 14px 16px;display:grid;gap:10px;}
body.public-landing .phone-product{display:flex;align-items:center;gap:10px;background:#fff;border-radius:15px;padding:10px;box-shadow:var(--miq-shadow-sm);}
body.public-landing .phone-product-img{width:48px;height:48px;border-radius:12px;background:#fff0f1;display:grid;place-items:center;font-size:1.3rem;}
body.public-landing .phone-product-name{font-weight:900;color:var(--miq-secondary);font-size:.88rem;}
body.public-landing .phone-product-price{color:var(--miq-primary);font-weight:900;font-size:.82rem;}

/* Public sections/cards */
body.public-landing .section{padding:82px 0;background:#fff!important;}
body.public-landing .section-alt{background:var(--miq-light)!important;}
body.public-landing .section-header{text-align:center;max-width:760px;margin:0 auto 48px;}
body.public-landing .section-badge{display:inline-flex;align-items:center;gap:9px;background:#fff0f1!important;color:var(--miq-primary)!important;border:1px solid rgba(230,57,70,.14);border-radius:999px;padding:8px 17px;font-weight:900;margin-bottom:16px;}
body.public-landing .section-header h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 13px;color:var(--miq-secondary)!important;}
body.public-landing .section-header p{font-size:1.08rem;color:var(--miq-gray)!important;}
body.public-landing .features-grid,body.public-landing .steps-grid,body.public-landing .menu-examples-grid,body.public-landing .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
body.public-landing .feature-card,body.public-landing .step-card,body.public-landing .menu-example-card,body.public-landing .pricing-card,body.public-landing .faq-item{background:#fff!important;border:1px solid #eef1f4!important;border-radius:22px!important;padding:26px!important;box-shadow:0 10px 30px rgba(29,53,87,.07)!important;transition:var(--miq-transition);color:var(--miq-dark)!important;}
body.public-landing .feature-card:hover,body.public-landing .step-card:hover,body.public-landing .menu-example-card:hover,body.public-landing .pricing-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(29,53,87,.12)!important;border-color:rgba(230,57,70,.18)!important;}
body.public-landing .feature-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0f1,#f8f9fa);font-size:1.75rem;margin-bottom:18px;}
body.public-landing .feature-card h3,body.public-landing .step-card h3{font-size:1.18rem;margin-bottom:9px;color:var(--miq-secondary)!important;}
body.public-landing .feature-card p,body.public-landing .step-card p{color:var(--miq-gray)!important;margin:0;}
body.public-landing .step-card{text-align:center;}
body.public-landing .step-num{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 15px;background:var(--miq-primary);color:#fff;font-size:1.5rem;font-weight:900;box-shadow:0 10px 25px rgba(230,57,70,.22);}
body.public-landing .menu-example-card{overflow:hidden;padding:0!important;}
body.public-landing .menu-example-cover{height:178px;background:linear-gradient(135deg,var(--miq-primary),var(--miq-secondary));position:relative;border-radius:22px 22px 0 0;overflow:hidden;}
body.public-landing .menu-example-cover img{width:100%;height:100%;object-fit:cover;}
body.public-landing .menu-example-logo{position:absolute;bottom:-28px;right:24px;width:72px;height:72px;background:#fff;border-radius:22px;display:grid;place-items:center;box-shadow:var(--miq-shadow-md);border:4px solid #fff;overflow:hidden;}
body.public-landing .menu-example-logo img{width:100%;height:100%;object-fit:cover;}
body.public-landing .menu-example-body{padding:46px 24px 24px;}
body.public-landing .menu-example-name{font-weight:900;color:var(--miq-secondary);font-size:1.12rem;margin-bottom:6px;}
body.public-landing .menu-example-desc{color:var(--miq-gray)!important;min-height:52px;}
body.public-landing .pricing-card{position:relative;overflow:hidden;}
body.public-landing .pricing-card.featured{border:2px solid var(--miq-primary)!important;box-shadow:0 18px 55px rgba(230,57,70,.18)!important;transform:translateY(-8px);}
body.public-landing .pricing-card.featured:before{content:"الأكثر اختيارًا";position:absolute;top:18px;left:18px;background:var(--miq-primary);color:#fff;padding:6px 13px;border-radius:999px;font-weight:900;font-size:.78rem;}
body.public-landing .price-amount{font-size:2rem;font-weight:900;color:var(--miq-primary);}
body.public-landing .price-period{color:var(--miq-gray);font-weight:800;}
body.public-landing .pricing-features{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px;}
body.public-landing .pricing-features li{display:flex;align-items:center;gap:9px;color:#334155;font-weight:700;}
body.public-landing .pricing-features .check{color:var(--miq-primary);}
body.public-landing .faq-list{max-width:850px;margin:auto;display:grid;gap:14px;}
body.public-landing .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:900;color:var(--miq-secondary);cursor:pointer;}
body.public-landing .faq-answer{color:var(--miq-gray);margin-top:12px;}
body.public-landing .cta-section{background:linear-gradient(135deg,var(--miq-secondary),var(--miq-primary))!important;color:#fff!important;}
body.public-landing .cta-section h2,body.public-landing .cta-section p{color:#fff!important;}

/* Footer */
body.public-landing .pro-footer{background:#101827!important;color:#fff!important;padding:58px 0 20px;}
body.public-landing .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;}
body.public-landing .footer-logo{display:flex;align-items:center;gap:10px;font-weight:900;color:#fff;}
body.public-landing .footer-logo i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--miq-primary);}
body.public-landing .footer-desc,body.public-landing .footer-links a,body.public-landing .footer-bottom{color:rgba(255,255,255,.72)!important;}
body.public-landing .footer-section h4{color:#fff!important;margin-bottom:14px;}
body.public-landing .footer-links{display:grid;gap:9px;padding:0;}
body.public-landing .footer-links a:hover{color:#fff!important;}
body.public-landing .footer-social{display:flex;gap:10px;margin-top:16px;}
body.public-landing .footer-social a{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;}
body.public-landing .footer-social a:hover{background:var(--miq-primary);}
body.public-landing .footer-bottom{border-top:1px solid rgba(255,255,255,.10);padding-top:18px;margin-top:28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
body.public-landing .platform-scroll-top{background:var(--miq-primary)!important;color:#fff!important;box-shadow:0 10px 28px rgba(230,57,70,.25)!important;}

/* Mobile */
@media(max-width:980px){
  body.public-landing .desktop-nav,body.public-landing .desktop-actions{display:none!important;}
  body.public-landing .hero-grid{grid-template-columns:1fr;gap:32px;text-align:center;}
  body.public-landing .hero .lead{margin-inline:auto;}
  body.public-landing .hero-actions{justify-content:center;}
  body.public-landing .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.public-landing .features-grid,body.public-landing .steps-grid,body.public-landing .menu-examples-grid,body.public-landing .pricing-grid{grid-template-columns:1fr 1fr;}
  body.public-landing .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  body.public-landing .hero{padding:68px 0 50px;}
  body.public-landing .hero h1{font-size:2.35rem;letter-spacing:-.9px;}
  body.public-landing .hero-stat{padding:12px 8px;}
  body.public-landing .hero-phone{max-width:320px;transform:none;}
  body.public-landing .phone-screen{min-height:470px;}
  body.public-landing .features-grid,body.public-landing .steps-grid,body.public-landing .menu-examples-grid,body.public-landing .pricing-grid{grid-template-columns:1fr;}
  body.public-landing .footer-grid{grid-template-columns:1fr;}
  body.public-landing .footer-bottom{flex-direction:column;text-align:center;align-items:center;}
  body.public-landing .section{padding:62px 0;}
  body.public-landing .btn-lg{width:100%;}
}