:root{
  --ink:#111827;--ink2:#1f2937;--orange:#f97316;--orange2:#fb923c;--soft:#f8fafc;
  --warm:#fff7ed;--line:#e5e7eb;--muted:#667085;--green:#16a34a;--blue:#2563eb;
  --red:#dc2626;--purple:#7c3aed;--shadow:0 18px 50px rgba(15,23,42,.09)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f6f7f9}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.hidden{display:none!important}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}
.sidebar{height:100vh;position:sticky;top:0;background:#111827;color:#fff;padding:16px 13px;display:flex;flex-direction:column;z-index:60}
.brand{display:flex;align-items:center;justify-content:center;height:72px}.brand img{width:150px;height:58px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}
.restaurant-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.04);margin:8px 0 14px}
.restaurant-card .dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10)}
.restaurant-card strong{font-size:11px;display:block}.restaurant-card small{font-size:9px;color:#94a3b8}
.nav{display:grid;gap:3px;overflow:auto}.nav button{border:0;background:transparent;color:#aeb8c8;text-align:left;border-radius:11px;padding:10px 11px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:11px}.nav button:hover{background:rgba(255,255,255,.06);color:#fff}.nav button.active{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}.nav i{font-style:normal;width:19px;text-align:center}
.side-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:11px}.userbox{display:flex;align-items:center;gap:10px;padding:7px}.avatar{width:34px;height:34px;border-radius:10px;background:#fff1e8;color:#c2410c;display:grid;place-items:center;font-weight:900}.userbox strong{font-size:11px;display:block}.userbox small{font-size:9px;color:#94a3b8}.switchrole{width:100%;border:0;background:rgba(255,255,255,.05);color:#cbd5e1;border-radius:10px;padding:9px;font-size:10px;margin-top:6px}
.main{min-width:0}.topbar{height:82px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:50}.topbar h1{font:800 22px Manrope;margin:2px 0 0;letter-spacing:-.03em}.eyebrow{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#c2410c;font-weight:900}.top-actions{display:flex;align-items:center;gap:8px}.live{font-size:10px;font-weight:800;padding:7px 9px;border-radius:999px;background:#f0fdf4;color:#166534}.live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:5px}.chip{padding:7px 9px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #ffedd5;font-size:10px;font-weight:800}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 9px}
.content{padding:25px;max-width:1520px;margin:0 auto}.page{display:none}.page.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}.page-head h2{font:800 20px Manrope;margin:0}.page-head p{margin:4px 0 0;font-size:11px;color:var(--muted)}.actions{display:flex;gap:7px;flex-wrap:wrap}
.grid{display:grid;gap:15px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(16,24,40,.02)}.pad{padding:19px}.stat{padding:18px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:10px;color:var(--muted);font-weight:700}.stat-icon{width:35px;height:35px;border-radius:11px;background:#fff1e8;color:#c2410c;display:grid;place-items:center;font-weight:900}.stat-value{font:800 27px Manrope;margin-top:12px;letter-spacing:-.04em}.stat-foot{font-size:10px;color:var(--muted);margin-top:3px}
.btn{border:0;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.2s}.btn:hover{transform:translateY(-1px)}.orange{background:#f97316;color:#fff}.dark{background:#111827;color:#fff}.light{background:#fff;border:1px solid var(--line);color:#111827}.green{background:#f0fdf4;color:#166534}.blue{background:#eff6ff;color:#1d4ed8}.red{background:#fef2f2;color:#b91c1c}.purple{background:#f5f3ff;color:#6d28d9}.soft{background:#fff7ed;color:#c2410c}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:12px 13px;border-bottom:1px solid #eef1f4;text-align:left;font-size:10px}.table th{background:#fafbfc;color:#667085;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.table tr:last-child td{border-bottom:0}
.badge{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:9px;font-weight:900;text-transform:capitalize}.available,.paid,.completed,.ready{background:#f0fdf4;color:#166534}.occupied,.new,.ordering{background:#fff7ed;color:#c2410c}.billing{background:#f5f3ff;color:#6d28d9}.preparing{background:#eff6ff;color:#1d4ed8}.cancelled{background:#fef2f2;color:#b91c1c}
.table-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;min-height:125px;position:relative;transition:.2s}.table-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.table-card .name{font:800 17px Manrope}.table-card .meta{font-size:9px;color:var(--muted)}.table-card .dot{position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%;background:#22c55e}.table-card.occupied .dot{background:#f97316}.table-card.billing .dot{background:#8b5cf6}.table-card .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.pos-layout{display:grid;grid-template-columns:1fr 365px;gap:15px;align-items:start}.menu-tools{display:flex;gap:8px;align-items:center}.search{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:11px;outline:none}.search:focus{border-color:#fb923c;box-shadow:0 0 0 3px rgba(249,115,22,.1)}.categories{display:flex;gap:7px;overflow:auto;margin:11px 0}.cat{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.cat.active{background:#fff1e8;border-color:#fed7aa;color:#c2410c}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.menu-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;min-height:135px;display:flex;flex-direction:column}.menu-card h3{font-size:12px;margin:0 0 5px}.menu-card p{font-size:9px;color:var(--muted);margin:0}.veg{font-size:9px;color:#166534;font-weight:800}.nonveg{font-size:9px;color:#b91c1c;font-weight:800}.menu-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:11px}.cart{position:sticky;top:101px}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head h3{font:800 15px Manrope;margin:0}.cart-items{display:grid;gap:8px;margin:13px 0}.cart-item{border:1px solid #edf0f3;border-radius:11px;padding:9px}.cart-item-top{display:flex;justify-content:space-between;gap:10px}.cart-item strong{font-size:10px}.cart-item small{display:block;color:var(--muted);font-size:9px}.note{margin-top:6px;font-size:9px;color:#9a3412;background:#fff7ed;padding:6px;border-radius:7px}.cart-total{border-top:1px dashed #d7dce3;padding-top:11px;display:grid;gap:6px}.totrow{display:flex;justify-content:space-between;font-size:10px}.totrow.grand{font-size:14px;font-weight:900}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.kds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kds-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.kds-head{padding:13px 14px;background:#fff7ed;border-bottom:1px solid #ffedd5}.kds-card.preparing .kds-head{background:#eff6ff;border-color:#dbeafe}.kds-card.ready .kds-head{background:#f0fdf4;border-color:#dcfce7}.kds-head h3{font:800 15px Manrope;margin:0}.kds-head .meta{font-size:9px;color:var(--muted);margin-top:3px}.kds-body{padding:12px 14px}.kitem{padding:8px 0;border-bottom:1px solid #eef0f3}.kitem:last-child{border-bottom:0}.kitem strong{font-size:10px}.kitem small{display:block;font-size:9px;color:#9a3412;margin-top:2px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:800;color:#475467}.field input,.field select,.field textarea{padding:9px 10px;border:1px solid var(--line);border-radius:9px;outline:none}.field textarea{min-height:85px;resize:vertical}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px;z-index:100}.modal-card{width:min(700px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 30px 90px rgba(15,23,42,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h3{font:800 18px Manrope;margin:0}.close{border:0;background:#f2f4f7;border-radius:9px;width:32px;height:32px}
.qr-preview{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:center}.phone{background:#111827;border-radius:26px;padding:10px}.phone-in{background:#fff;border-radius:20px;padding:16px;min-height:420px}.qrbox{width:145px;height:145px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 50%/18px 18px;border:12px solid #fff;box-shadow:0 0 0 1px #ddd;margin:16px auto}.audit-change{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:9px}.audit-change span{padding:7px;border-radius:8px;background:#f8fafc}.rolebar{display:flex;gap:7px;flex-wrap:wrap}.role-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.role-btn.active{background:#111827;color:#fff}
.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{background:linear-gradient(145deg,#111827,#1f2937);padding:54px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:"";width:430px;height:430px;border-radius:50%;background:rgba(249,115,22,.16);position:absolute;right:-130px;bottom:-140px}.login-art img{width:180px;background:#fff;border-radius:15px;padding:6px}.login-copy h1{font:800 clamp(2.4rem,5vw,4.6rem)/1.03 Manrope;margin:0 0 15px;letter-spacing:-.05em}.login-copy p{color:#cbd5e1;max-width:620px}.login-pills{display:flex;gap:7px;flex-wrap:wrap}.login-pills span{font-size:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05)}.login-panel{display:grid;place-items:center;padding:38px}.login-card{width:min(430px,100%)}.login-card img{width:160px;margin-bottom:23px}.login-card h2{font:800 27px Manrope;margin:0 0 6px}.login-card p{font-size:11px;color:var(--muted)}.role-select{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.role-select button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;text-align:left}.role-select button strong{display:block;font-size:11px}.role-select button span{font-size:9px;color:var(--muted)}.role-select button.active{border-color:#fb923c;background:#fff7ed}.demo-note{font-size:9px;color:#9a3412;background:#fff7ed;border:1px solid #ffedd5;border-radius:10px;padding:10px;margin-top:13px}
.toast{position:fixed;right:22px;bottom:22px;background:#111827;color:#fff;padding:11px 13px;border-radius:11px;font-size:10px;font-weight:700;box-shadow:var(--shadow);z-index:200;animation:slide .2s ease}.toast.success{background:#166534}.toast.error{background:#b91c1c}@keyframes slide{from{transform:translateY(10px);opacity:0}}
.section-title{font:800 16px Manrope;margin:0}.subtle{font-size:9px;color:var(--muted)}.empty{text-align:center;padding:28px;color:var(--muted);font-size:10px}.empty strong{display:block;color:var(--ink);font-size:12px;margin-bottom:4px}
@media(max-width:1180px){.g4{grid-template-columns:repeat(2,1fr)}.table-grid{grid-template-columns:repeat(3,1fr)}.menu-grid{grid-template-columns:repeat(2,1fr)}.kds-grid{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr 335px}}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:252px;transition:.25s}.sidebar.open{left:0;box-shadow:30px 0 70px rgba(15,23,42,.24)}.menu-btn{display:block}.content{padding:16px}.topbar{padding:0 16px}.pos-layout{grid-template-columns:1fr}.cart{position:static}.login{grid-template-columns:1fr}.login-art{display:none}.qr-preview{grid-template-columns:1fr}}
@media(max-width:640px){.g4,.g3,.g2,.form-grid{grid-template-columns:1fr}.table-grid,.menu-grid,.kds-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.cart-actions{grid-template-columns:1fr}.field.full{grid-column:auto}.top-actions .chip{display:none}}

.back-site-link{position:fixed;right:18px;top:18px;z-index:500;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;box-shadow:0 10px 28px rgba(15,23,42,.12)}
.back-site-link:hover{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
@media(max-width:700px){.back-site-link{right:10px;top:10px;font-size:9px;padding:8px 10px}}

.demo-parent-adinexis{position:fixed;left:270px;bottom:18px;z-index:490;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:999px;padding:7px 10px;box-shadow:0 10px 28px rgba(15,23,42,.10)}.demo-parent-adinexis span{font-size:8px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.demo-parent-adinexis img{width:72px;height:24px;object-fit:contain}@media(max-width:900px){.demo-parent-adinexis{left:14px;bottom:14px}}

@media(max-width:900px){.demo-parent-adinexis{display:none}}


/* Full mobile responsive pass */
html,body{max-width:100%;overflow-x:hidden}
.main,.content,.page,.card,.pos-layout>*{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{min-width:680px}
@media(max-width:900px){
  .sidebar{z-index:620}
  .topbar{height:70px}
  .topbar h1{font-size:18px}
  .content{padding:14px}
  .back-site-link{top:auto;bottom:12px;right:12px;z-index:590}
  .page-head{gap:10px}
  .modal{padding:10px}
  .modal-card{width:min(100%,720px);max-height:94vh;padding:16px;border-radius:16px}
  .cart{max-height:none}
}
@media(max-width:640px){
  .topbar{height:64px;padding:0 10px}
  .topbar h1{font-size:16px}
  .eyebrow{font-size:7px}
  .top-actions .live{font-size:8px;padding:6px 7px}
  .content{padding:10px}
  .g4,.g3,.g2,.form-grid{grid-template-columns:1fr}
  .stat{padding:14px}
  .stat-value{font-size:23px}
  .table-grid,.menu-grid,.kds-grid{grid-template-columns:1fr}
  .pos-layout{gap:10px}
  .menu-item,.table-card,.kds-card{min-width:0}
  .cart{padding:13px}
  .page-head{flex-direction:column;align-items:stretch}
  .page-head .actions,.page-head>.actions{width:100%}
  .page-head .actions .btn,.page-head>.btn{flex:1}
  .actions{gap:6px}
  .actions .btn{min-height:38px}
  .rolebar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .role-btn{white-space:nowrap}
  .qr-preview{grid-template-columns:1fr;gap:14px}
  .phone{max-width:360px;margin:auto;width:100%}
  .audit-change{grid-template-columns:1fr}
  .role-select{grid-template-columns:1fr}
  .login-panel{padding:22px 16px}
  .login-card img{width:140px}
  .login-card h2{font-size:23px}
  input,select,textarea{font-size:16px}
}
@media(max-width:430px){
  .content{padding:8px}
  .card{border-radius:14px}
  .pad{padding:14px}
  .sidebar{width:min(88vw,252px);left:-92vw}
  .sidebar.open{left:0}
  .top-actions .live{display:none}
  .back-site-link{font-size:8px;padding:7px 9px}
  .table{min-width:620px}
  .modal{padding:6px}
  .modal-card{border-radius:13px;padding:13px}
  .phone-in{min-height:360px}
  .qrbox{width:120px;height:120px}
}

/* Demo fixes: network + CRM */
.network-status{border:0;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}
.network-status.online{background:#f0fdf4;color:#166534}
.network-status.offline{background:#fff7ed;color:#c2410c}
.network-status.syncing{background:#eff6ff;color:#1d4ed8}
.crm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.crm-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.crm-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.crm-head h3{font:800 15px Manrope;margin:0}.crm-head span{font-size:9px;color:var(--muted)}
.crm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.crm-stats>div{background:#f8fafc;border-radius:10px;padding:9px}.crm-stats small{display:block;font-size:8px;color:var(--muted)}.crm-stats strong{font-size:11px}
.badge.cancelled{background:#fef2f2;color:#b91c1c}
@media(max-width:720px){.crm-grid{grid-template-columns:1fr}.network-status{font-size:8px;padding:6px 8px}}