
:root{--p:#7c3aed;--pink:#ec4899;--blue:#0ea5e9;--ink:#18213d;--muted:#7783a6;--line:#e9e7f5;--bg:#f7f6ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
body{background:radial-gradient(circle at 100% 0,#e5f8ff 0,transparent 28%),radial-gradient(circle at 10% 100%,#fff0f8 0,transparent 28%),var(--bg)}
a{text-decoration:none;color:inherit}.muted{color:var(--muted)}.small{font-size:12px}
.tlogin{min-height:100vh;display:grid;place-items:center;padding:24px}.loginbox{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 24px 80px rgba(76,46,140,.14)}
.tbrand{font-size:29px;font-weight:900;letter-spacing:-1px}.powered{font-size:12px;font-weight:800;color:var(--p);text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
label{display:block;font-size:12px;font-weight:800;margin:16px 0 7px}input{width:100%;height:46px;border:1px solid #ddd9ef;border-radius:13px;padding:0 14px;font:inherit;outline:none}input:focus{border-color:#b79af7;box-shadow:0 0 0 4px #f0eaff}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:12px 16px;font-weight:850;cursor:pointer;background:#fff;border:1px solid #e4e0f2}.btn.primary{color:#fff;border:0;background:linear-gradient(135deg,var(--p),var(--pink));box-shadow:0 12px 26px rgba(124,58,237,.22)}.btn.full{width:100%;margin-top:18px}.danger{background:#fff0f3;color:#b42343;padding:10px 12px;border-radius:12px;margin-top:12px}
.tshell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.tside{height:100vh;position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px}.tsidehead{padding:5px 9px 16px;border-bottom:1px solid var(--line)}.tsidehead b{display:block;font-size:20px}.tsidehead span{font-size:11px;color:var(--p);font-weight:800;text-transform:uppercase}.tnav{padding:12px 0;overflow:auto;display:flex;flex-direction:column;gap:3px;flex:1}.tnav a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;min-height:42px;padding:4px 8px;border-radius:12px;font-size:13px;font-weight:750;color:#52607f}.tnav a:hover,.tnav a.active{background:linear-gradient(90deg,#f0e8ff,#eef9ff);color:#6326c9}.ti{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);font-size:12px;font-weight:900}.tuser{padding:10px;border-top:1px solid var(--line);font-size:12px}.tmain{min-width:0;padding:0 20px 24px}.ttop{height:84px;margin:0 -20px 18px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.55);border-bottom:1px solid rgba(230,226,244,.7)}.ttop h1{font-size:24px;margin:0}.ttop p{margin:4px 0 0;font-size:12px;color:var(--muted)}
.tgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.tcard{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:20px;padding:16px;min-width:0;box-shadow:0 12px 36px rgba(67,48,110,.06)}.tkpi{grid-column:span 3;min-height:120px}.tkpi .num{font-size:27px;font-weight:900;margin:12px 0 2px}.tkpi .lbl{font-size:12px;color:var(--muted);font-weight:700}.hero{grid-column:span 8;min-height:210px;background:linear-gradient(135deg,#f4ecff,#ecfbff 55%,#fff1f6)}.hero h2{font-size:26px;margin:12px 0 5px}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#efe7ff;color:#6f2bd3;font-size:10px;font-weight:900;text-transform:uppercase}.support{grid-column:span 4}.modules{grid-column:span 12}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.chip{padding:8px 10px;border:1px solid #e5e1f1;background:#faf9ff;border-radius:11px;font-size:12px;font-weight:750}
.placeholder{grid-column:span 12;min-height:180px}.placeholder h3{margin-top:0}.notice{padding:11px 13px;border-radius:12px;background:#effbf6;color:#08795a;font-size:12px;font-weight:700;margin-bottom:14px}
@media(max-width:1000px){.tkpi{grid-column:span 6}.hero,.support{grid-column:span 12}}
@media(max-width:700px){.tshell{display:block}.tside{position:relative;width:100%;height:auto}.tnav{max-height:300px}.tmain{padding:0 12px 18px}.ttop{margin:0 -12px 14px;padding:0 12px}.tgrid{grid-template-columns:1fr}.tkpi,.hero,.support,.modules,.placeholder{grid-column:1}.ttop{height:auto;min-height:78px}.ttop .btn{display:none}}

/* V4.1 owner experience */
.bizlogo{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line);margin-bottom:8px}
.topactions{display:flex;align-items:center;gap:8px}.avatarbtn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--p),var(--pink))}
.hero-logo{width:68px;height:68px;object-fit:contain;float:right;border-radius:16px;background:#fff;border:1px solid var(--line);padding:5px}
.quickstats{display:grid;gap:8px}.quickstats div{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.quickstats span{font-size:12px;color:var(--muted)}.quickstats b{font-size:18px}
.profilecard{grid-column:span 6}.settingscard{grid-column:span 12}.formbtn{margin-top:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.settingscard hr{border:0;border-top:1px solid var(--line);margin:24px 0}.mt{margin-top:20px}.emptyfeed{margin-top:18px;padding:24px;border:1px dashed #d9d3eb;border-radius:16px;text-align:center}.emptyfeed span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
@media(max-width:800px){.profilecard{grid-column:span 12}.formgrid{grid-template-columns:1fr}.topactions .btn:first-child{display:none}}

/* V4.2 */
.welcomeNotice{display:flex;align-items:center;justify-content:space-between;gap:12px}.welcomeNotice form{margin:0}.noticeX{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#44766a}
.iconbtn{position:relative;width:42px;height:42px;border:1px solid #e4e0f2;border-radius:13px;background:#fff;display:grid;place-items:center;font-size:18px;cursor:pointer}.iconbtn.enabled{box-shadow:0 0 0 3px #dcfce7 inset}.bellcount,.navcount{display:inline-grid;place-items:center;background:#ef4444;color:#fff;border-radius:999px;font-size:9px;font-style:normal;font-weight:900}.bellcount{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px}.navcount{min-width:17px;height:17px;margin-left:5px;padding:0 4px}
.widechart{grid-column:span 8;min-height:210px}.cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cardhead h3{margin:0 0 4px}.cardhead span{font-size:11px;color:var(--muted)}.chartempty{height:135px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;background:linear-gradient(180deg,#faf8ff,#fff);margin-top:12px}.chartempty b{font-size:28px}.chartempty span{font-size:12px;color:var(--muted);margin-top:5px}
.profilelogo{width:86px;height:86px;object-fit:contain;border:1px solid var(--line);border-radius:18px;background:#fff;padding:6px;margin:8px 0}
.inlineform{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;align-items:end;margin:16px 0}.inlineform input,.inlineform select{height:42px;border:1px solid #ddd9ef;border-radius:11px;padding:0 10px;background:#fff;min-width:0}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:12px}th{font-size:10px;text-transform:uppercase;color:var(--muted);background:#faf9ff}.emptytd{text-align:center;color:var(--muted);padding:30px}.miniBtn{border:0;border-radius:999px;padding:6px 9px;background:#eee8ff;color:#6b2bd0;font-weight:800;cursor:pointer}
.notiflist{margin-top:14px;display:grid;gap:8px}.notifitem{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px}.notifitem.unread{background:#faf5ff;border-color:#dac9ff}.notifitem p{margin:5px 0;color:var(--muted);font-size:12px}.notifitem small{color:#98a0b8}
.tnav a span:last-child{min-width:0}.tnav{scrollbar-width:thin;scroll-behavior:auto}
@media(max-width:1000px){.widechart{grid-column:span 12}}
@media(max-width:700px){.topactions{gap:5px}.iconbtn,.avatarbtn{width:38px;height:38px;border-radius:11px}.topactions .btn.primary{padding:9px 10px;font-size:11px}.ttop h1{font-size:20px}}

/* DigiPOS V4.3 Menu / Products */
.menuPage{display:grid;gap:14px}.menuFlash{margin-top:12px}.menuEditor{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fbf8ff,#f3fbff)}
.editorTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.editorTitle h4{margin:0;font-size:17px}.editorTitle p{margin:4px 0 0;color:var(--muted);font-size:12px}
.menuFormGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.menuFormGrid label{display:block;font-size:11px;font-weight:800;margin:0 0 5px}.menuFormGrid input{width:100%;height:42px;border:1px solid #ddd9ef;border-radius:11px;padding:0 10px;background:#fff;box-sizing:border-box}.menuFormGrid input[type=file]{padding:9px;height:auto}.menuFormGrid small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.descField{grid-column:span 2}
.currentImage{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted);font-size:11px}.currentImage img{width:58px;height:58px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}
.menuCatalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.productCard{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px rgba(49,36,91,.05)}.productImage{height:155px;position:relative;background:linear-gradient(135deg,#f5ecff,#eafcff);overflow:hidden}.productImage>img{width:100%;height:100%;object-fit:cover}.imagePlaceholder{height:100%;display:grid;place-items:center;align-content:center;gap:4px;color:#7c3aed}.imagePlaceholder span{font-size:35px}.imagePlaceholder small{font-weight:800}.productStatus{position:absolute;right:9px;top:9px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.92);font-size:9px;font-weight:900;color:#059669}.productBody{padding:13px}.productCategory{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8b5cf6;font-weight:900}.productBody h3{font-size:16px;margin:5px 0}.productBody p{font-size:11px;color:var(--muted);min-height:30px}.productMeta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:10px}.productMeta strong{font-size:15px}.productMeta span,.productSub{font-size:10px;color:var(--muted)}.productSub{margin-top:5px}.productActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.productActions form{margin:0}.dangerBtn{background:#fff1f2!important;color:#e11d48!important}.disabledProduct{opacity:.68}.disabledProduct .productStatus{color:#e11d48}.emptyMenu{grid-column:1/-1;text-align:center;padding:45px}.emptyMenuIcon{font-size:42px}.emptyMenu h3{margin:8px 0}.emptyMenu p{color:var(--muted);max-width:560px;margin:auto}
@media(max-width:1150px){.menuCatalog{grid-template-columns:repeat(3,minmax(0,1fr))}.menuFormGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.menuCatalog{grid-template-columns:repeat(2,minmax(0,1fr))}.menuFormGrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.menuCatalog{grid-template-columns:1fr}.menuFormGrid{grid-template-columns:1fr}.descField{grid-column:auto}.productImage{height:190px}.editorTitle{flex-direction:column}}

/* V4.4 Staff + premium mobile */
.mobileMenuBtn,.sideBackdrop{display:none}.installAppBtn{height:42px;border:0;border-radius:13px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:900;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 10px 24px rgba(124,58,237,.2);cursor:pointer}
.staffPage{display:grid;gap:14px}.staffHero{border:1px solid var(--line);border-radius:24px;padding:20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f3eaff,#e8fbff 60%,#fff0f7)}.staffHero h2{margin:8px 0 5px}.staffHero p{margin:0;color:var(--muted);font-size:12px}.staffHeroStat{width:100px;height:82px;border-radius:20px;background:#ffffffbf;display:grid;place-items:center;align-content:center}.staffHeroStat b{font-size:27px}.staffHeroStat span{font-size:10px;color:var(--muted)}
.staffLayout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}.staffFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.staffFormGrid select{width:100%;height:46px;border:1px solid #ddd9ef;border-radius:13px;padding:0 12px;background:#fff}.staffFormGrid input[type=file]{height:auto;padding:10px}.permissionTitle{margin:20px 0 8px}.permissionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.permissionChip{margin:0}.permissionChip input{display:none}.permissionChip span{min-height:40px;padding:9px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;font-size:11px;background:#fff}.permissionChip input:checked+span{background:linear-gradient(135deg,#efe7ff,#e8fbff);border-color:#c9b2ff;color:#6424ca}.staffSave{margin-top:16px}.staffCards{display:grid;gap:10px;align-content:start}.staffCard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.staffTop{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px}.staffTop img,.staffAvatar{width:48px;height:48px;border-radius:15px;object-fit:cover}.staffAvatar{display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#7c3aed,#ec4899)}.staffTop h3{font-size:14px;margin:0}.staffTop span,.staffContact{font-size:10px;color:var(--muted)}.staffTop em{font-size:9px;font-style:normal;font-weight:900;color:#059669;background:#ecfdf5;border-radius:999px;padding:5px 7px}.staffContact{padding:10px 0;border-bottom:1px solid var(--line)}.staffActions{display:flex;gap:6px;margin-top:10px}.staffActions form{margin:0}.staffBlocked{opacity:.62}.ownerLock{font-size:10px;color:#7c3aed;font-weight:800;margin-top:10px}.sideBackdrop{position:fixed;inset:0;background:#140e2a61;backdrop-filter:blur(2px);z-index:90;border:0}
@media(max-width:1050px){.staffLayout{grid-template-columns:1fr}.staffCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 body{overflow-x:hidden;background:linear-gradient(180deg,#f9f7ff,#f3f9ff 55%,#fff6fb)}.tshell{display:block}.tside{position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,330px)!important;height:100dvh!important;z-index:100;transform:translateX(-105%);transition:.24s ease;padding:14px 10px;border-radius:0 22px 22px 0;box-shadow:24px 0 60px #2319462e}.tenantNavOpen .tside{transform:translateX(0)}.tenantNavOpen .sideBackdrop{display:block}.tnav{max-height:none!important;overflow-y:auto!important}.tnav a{min-height:48px}.ti{width:35px;height:35px}
 .tmain{padding:0 10px 80px!important}.ttop{position:sticky;top:0;z-index:70;height:66px!important;min-height:66px!important;margin:0 -10px 12px!important;padding:0 10px!important;background:#faf9ffe8;backdrop-filter:blur(18px);gap:7px}.mobileMenuBtn{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;color:#7c3aed;font-size:20px}.topTitle{min-width:0;flex:1}.ttop h1{font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttop p{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topactions{gap:4px}.iconbtn,.avatarbtn,.installAppBtn{width:38px!important;height:38px!important;flex:0 0 38px;padding:0;border-radius:12px}.installAppBtn{justify-content:center}.installAppBtn b{display:none}
 .tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tcard{border-radius:17px;padding:13px}.tkpi{grid-column:span 1!important;min-height:105px}.widechart,.support,.modules,.settingscard,.profilecard,.placeholder{grid-column:1/-1!important}.widechart{min-height:170px}.chartempty{height:105px}.quickstats{grid-template-columns:1fr 1fr}.quickstats div:last-child{grid-column:1/-1}.chips{gap:5px}.chip{font-size:10px;padding:7px 8px}
 .menuCatalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.productImage{height:130px!important}.productBody{padding:10px}.productBody h3{font-size:13px}.menuFormGrid,.staffFormGrid,.formgrid{grid-template-columns:1fr!important}.descField{grid-column:auto!important}
 .staffHero{padding:15px;border-radius:19px}.staffHero h2{font-size:20px}.staffHeroStat{width:74px;height:68px}.staffLayout{grid-template-columns:1fr}.staffCards{grid-template-columns:1fr}.permissionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tablewrap{overflow-x:auto}.notifitem{flex-direction:column}.tlogin{padding:14px;background:linear-gradient(160deg,#f0e8ff,#edfbff,#fff1f7)}.loginbox{padding:22px 17px;border-radius:23px}
}
@media(max-width:390px){.menuCatalog{grid-template-columns:1fr!important}.topTitle p{display:none}}

/* V4.5 Tables + Waiter Orders */
.tablesPage,.waiterPage{display:grid;gap:14px}.opsHero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 21px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(135deg,#fff0f8,#f2ecff 45%,#e9fbff);box-shadow:0 12px 34px rgba(62,42,100,.06)}.opsHero h2{margin:7px 0 4px;font-size:24px}.opsHero p{margin:0;color:var(--muted);font-size:11px}.opsCount{min-width:82px;height:72px;border-radius:18px;background:#fff9;display:grid;place-items:center;align-content:center}.opsCount b{font-size:24px}.opsCount span{font-size:9px;color:var(--muted)}.tableCreate{display:grid;grid-template-columns:1.2fr 1.2fr .6fr 1.3fr auto;gap:8px}.tableCreate input,.tableCreate select,.orderSetup input,.orderSetup select,.orderExtras input,.orderCard select,.tableActions select{height:43px;border:1px solid #ddd9ef;border-radius:12px;padding:0 10px;background:#fff}.floorGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.floorTable{position:relative;padding:16px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 9px 25px rgba(55,42,90,.05);overflow:hidden}.floorTable:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#10b981}.status-occupied:before{background:#f59e0b}.status-reserved:before{background:#8b5cf6}.status-cleaning:before{background:#38bdf8}.tableStatus{position:absolute;right:11px;top:11px;font-size:8px;text-transform:uppercase;font-weight:900;padding:5px 7px;border-radius:999px;background:#effdf6;color:#059669}.status-occupied .tableStatus{background:#fff7e6;color:#d97706}.status-reserved .tableStatus{background:#f4efff;color:#7c3aed}.tableIcon{font-size:28px;color:#7c3aed}.floorTable h3{margin:8px 0 3px;font-size:17px}.floorTable p,.assignedWaiter{margin:0;color:var(--muted);font-size:10px}.assignedWaiter{margin-top:8px;font-weight:800;color:#6d55a7}.tableActions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:12px}.tableActions form{margin:0}.tableActions select{height:31px;font-size:9px}.primaryMini{background:#f1eaff!important;color:#6d28d9!important}.emptyOps{grid-column:1/-1;display:grid;gap:5px;text-align:center;padding:30px;color:var(--muted)}
.orderWorkspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:12px;align-items:start}.orderMenuPanel,.orderCart,.activeOrders{background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px}.orderSetup{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:7px;margin-bottom:11px}.waiterMenu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.waiterItem{text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 0 10px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 7px 18px rgba(50,35,90,.04)}.waiterItem:hover{transform:translateY(-1px);border-color:#cbb6ff}.waiterItem img,.waiterNoImage{width:100%;height:105px;object-fit:cover}.waiterNoImage{display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#f1e9ff,#eafcff)}.waiterItem b,.waiterItem strong,.waiterItem .waiterCat{display:block;margin-left:9px;margin-right:9px}.waiterCat{font-size:8px;text-transform:uppercase;color:#8b5cf6;font-weight:900;margin-top:8px}.waiterItem b{font-size:12px;margin-top:3px}.waiterItem strong{font-size:11px;margin-top:5px}.waiterItem em{position:absolute;right:7px;bottom:7px;font-size:8px;font-style:normal;background:#efe8ff;color:#6d28d9;padding:4px 6px;border-radius:8px;font-weight:900}.orderCart{position:sticky;top:79px}.cartHead{display:flex;justify-content:space-between;align-items:center}.cartHead h3{margin:4px 0}.cartHead>span{font-size:9px;color:var(--muted)}.cartLines{display:grid;gap:7px;margin:10px 0;max-height:310px;overflow:auto}.cartEmpty{text-align:center;padding:30px 8px;color:var(--muted);font-size:10px}.cartLine{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:9px;border-radius:12px;background:#faf8ff}.cartLine b{display:block;font-size:10px}.cartLine small{font-size:8px;color:var(--muted)}.cartLine>strong{font-size:10px}.qtyCtl{display:flex;align-items:center;gap:5px}.qtyCtl button{width:25px;height:25px;border:0;border-radius:8px;background:#eee7ff;color:#6d28d9;font-weight:900}.qtyCtl span{font-size:10px;font-weight:900}.orderExtras{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.orderExtras>input{grid-column:1/-1}.orderExtras label{font-size:8px;font-weight:800}.orderExtras input{width:100%;box-sizing:border-box}.cartTotal{display:flex;justify-content:space-between;padding:14px 2px 10px;font-size:11px}.cartTotal b{font-size:16px}.sendKitchen{width:100%;height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(124,58,237,.2)}.activeOrders{margin-top:2px}.orderCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.orderCard{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:11px}.orderCard form{grid-column:1/-1}.orderCard select{width:100%;height:35px}.orderNo{font-size:8px;color:#7c3aed;font-weight:900}.orderCard h4{margin:3px 0;font-size:13px}.orderCard small{font-size:8px;color:var(--muted)}.orderAmount{font-size:12px;font-weight:900}
@media(max-width:1100px){.floorGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.waiterMenu{grid-template-columns:repeat(3,minmax(0,1fr))}.orderWorkspace{grid-template-columns:1fr}.orderCart{position:static}.orderCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.opsHero{padding:14px;border-radius:18px}.opsHero h2{font-size:19px}.tableCreate{grid-template-columns:1fr 1fr}.tableCreate button{grid-column:1/-1}.floorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.floorTable{padding:13px}.orderSetup{grid-template-columns:1fr 1fr}.waiterMenu{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.waiterItem img,.waiterNoImage{height:112px}.orderCart{border-radius:18px}.orderCards{grid-template-columns:1fr}.waiterHero .btn{font-size:9px;padding:8px}.sendKitchen{height:52px;font-size:13px}}
@media(max-width:390px){.floorGrid{grid-template-columns:1fr 1fr}.orderSetup{grid-template-columns:1fr}.waiterItem img,.waiterNoImage{height:100px}}

/* V4.6 Kitchen Display / KOT */
.kdsPage{display:grid;gap:12px}.kdsHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,#fff7e7,#fff0f5 48%,#f0ebff);border:1px solid var(--line)}.kdsHeader h2{margin:6px 0 3px;font-size:24px}.kdsHeader p{margin:0;font-size:10px;color:var(--muted)}.kdsStats{display:flex;gap:7px}.kdsStats div{width:70px;height:62px;border-radius:16px;background:#fff9;display:grid;place-items:center;align-content:center}.kdsStats b{font-size:20px}.kdsStats span{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:900}.kdsToolbar{height:45px;display:flex;align-items:center;gap:8px;padding:0 13px;background:#fff;border:1px solid var(--line);border-radius:14px;font-size:9px;color:var(--muted)}.kdsToolbar b{font-size:11px;color:var(--text)}.kdsToolbar button{margin-left:auto;border:0;background:#f1eaff;color:#6d28d9;padding:7px 9px;border-radius:9px;font-weight:800;font-size:9px}.liveDot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #10b98118}.kdsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.kotTicket{background:#fff;border:1px solid var(--line);border-top:5px solid #f59e0b;border-radius:17px;padding:13px;box-shadow:0 9px 24px rgba(55,40,80,.05)}.kot-preparing{border-top-color:#8b5cf6}.kot-ready{border-top-color:#10b981;background:linear-gradient(180deg,#f3fff8,#fff 25%)}.kotTop{display:flex;justify-content:space-between;align-items:flex-start}.kotTop span{font-size:8px;font-weight:900;color:#8b5cf6}.kotTop h3{font-size:17px;margin:3px 0}.kotAge{font-size:10px;font-weight:900;padding:6px 8px;border-radius:9px;background:#fff4dc;color:#c66a00}.kotAge.late{background:#fff0f1;color:#dc2626}.kotMeta{display:flex;gap:5px;flex-wrap:wrap;padding:7px 0 9px;border-bottom:1px dashed #e8e3f2}.kotMeta span{font-size:8px;background:#f8f6fc;border-radius:7px;padding:4px 5px}.kotItems{display:grid;gap:7px;padding:10px 0}.kotItems>div{display:grid;grid-template-columns:30px 1fr;gap:5px;font-size:11px}.kotItems b{color:#7c3aed}.kotItems span{font-weight:800}.kotItems small{display:block;color:#ef4444;font-size:8px;margin-top:2px}.kotNote{font-size:9px;padding:8px;border-radius:9px;background:#fff8df;color:#8a5b00;margin-bottom:9px}.kotAction button{width:100%;height:42px;border:0;border-radius:11px;font-weight:900;font-size:11px;cursor:pointer}.startCook{background:#fff1dc;color:#b75d00}.markReady{background:linear-gradient(135deg,#7c3aed,#9f67ff);color:#fff}.markServed{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.kdsEmpty{grid-column:1/-1;text-align:center;padding:55px 20px;background:#fff;border:1px dashed #d9d0eb;border-radius:20px}.kdsEmpty div{font-size:35px;color:#10b981}.kdsEmpty h3{margin:8px 0 2px}.kdsEmpty p{font-size:10px;color:var(--muted)}
@media(max-width:1050px){.kdsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.kdsHeader{padding:14px;display:block}.kdsHeader h2{font-size:20px}.kdsStats{margin-top:11px}.kdsStats div{flex:1;height:54px}.kdsToolbar span:nth-of-type(2){display:none}.kdsGrid{grid-template-columns:1fr}.kotTicket{border-radius:15px}.kotAction button{height:48px;font-size:12px}}

/* V4.7 POS + Checkout */
.posPage{display:grid;gap:12px}.posHeader{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#eafff8,#eef8ff 45%,#f6edff)}.posHeader h2{margin:5px 0 3px}.posHeader p{margin:0;font-size:10px;color:var(--muted)}.posWorkspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.65fr);gap:11px;align-items:start}.posCatalog,.posCart,.paymentPanel,.receiptCard{background:#fff;border:1px solid var(--line);border-radius:19px;padding:12px}.posFilters{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:6px;margin-bottom:10px}.posFilters input,.posFilters select,.posAdjust input,.paymentPanel input,.paymentPanel select,.paymentSettings input,.paymentSettings select{height:42px;border:1px solid #ddd9ef;border-radius:11px;padding:0 10px;background:#fff}.posProducts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.posProduct{text-align:left;border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 0 9px;overflow:hidden;cursor:pointer}.posProduct img,.posNoImg{width:100%;height:100px;object-fit:cover}.posNoImg{display:grid;place-items:center;background:linear-gradient(135deg,#e8fff7,#eee9ff);font-size:27px;color:#7c3aed}.posProduct small,.posProduct b,.posProduct strong{display:block;margin:5px 8px 0}.posProduct small{font-size:7px;text-transform:uppercase;color:#8b5cf6;font-weight:900}.posProduct b{font-size:11px}.posProduct strong{font-size:10px}.posCart{position:sticky;top:78px}.posCart h3{display:flex;justify-content:space-between}.posCart h3 span{background:#eee7ff;color:#6d28d9;border-radius:999px;padding:3px 7px;font-size:9px}.posLines{max-height:330px;overflow:auto;display:grid;gap:6px}.posLine{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;background:#faf9ff;border-radius:11px;padding:8px}.posLine b{display:block;font-size:10px}.posLine small{font-size:8px;color:var(--muted)}.posLine>strong{font-size:9px}.posAdjust{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.posAdjust input:last-child{grid-column:1/-1}.posTotal{display:flex;justify-content:space-between;padding:14px 2px}.posTotal b{font-size:17px}.checkoutBtn,.payNow{width:100%;height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-weight:900}.checkoutLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}.receiptCard{max-width:600px;margin:auto;width:100%;box-sizing:border-box}.receiptBrand{text-align:center;border-bottom:1px dashed #d9d3e6;padding-bottom:12px}.receiptBrand img{width:55px;height:55px;object-fit:contain;border-radius:13px}.receiptBrand h2{margin:5px 0}.receiptBrand p{font-size:9px;color:var(--muted)}.receiptNo{display:flex;justify-content:space-between;padding:10px 0;font-size:9px}.receiptItems{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:8px 0}.receiptItems>div,.receiptTotals>div{display:flex;justify-content:space-between;padding:4px 0;font-size:10px}.receiptGrand{font-size:14px!important;border-top:1px solid #eee;margin-top:5px;padding-top:8px!important}.receiptThanks{text-align:center;font-size:8px;color:var(--muted);padding-top:13px}.paymentPanel h3{font-size:24px;margin:6px 0}.paymentPanel p{font-size:10px;color:var(--muted)}.paymentPanel label{font-size:9px;font-weight:800;display:block;margin:8px 0 4px}.paymentPanel input,.paymentPanel select{width:100%;box-sizing:border-box}.payNow{margin-top:10px}.paidStamp{text-align:center;padding:25px;color:#059669;font-size:27px;font-weight:900}.printBtn{width:100%;height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;margin:9px 0;font-weight:800}.fullBtn{display:flex!important;justify-content:center}.paymentSettings{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.paymentSettings summary{font-size:10px;font-weight:900;cursor:pointer}.paymentSettings form{display:flex;gap:6px;margin-top:9px}
@media(max-width:1050px){.posProducts{grid-template-columns:repeat(3,minmax(0,1fr))}.posWorkspace{grid-template-columns:1fr}.posCart{position:static}.checkoutLayout{grid-template-columns:1fr}}
@media(max-width:700px){.posHeader{padding:13px}.posFilters{grid-template-columns:1fr 1fr}.posProducts{grid-template-columns:repeat(2,minmax(0,1fr))}.posProduct img,.posNoImg{height:110px}.posCart{border-radius:17px}.checkoutLayout{grid-template-columns:1fr}.paymentPanel{order:-1}.paymentSettings form{display:grid}.checkoutBtn,.payNow{height:52px}}
@media print{body *{visibility:hidden!important}#printReceipt,#printReceipt *{visibility:visible!important}#printReceipt{position:absolute;left:0;top:0;width:80mm!important;max-width:80mm!important;border:0!important;box-shadow:none!important;padding:5mm!important}.tside,.ttop{display:none!important}}
/* V4.8 Inventory / Purchases / Suppliers */
.stockPage,.purchasePage{display:grid;gap:12px}.stockGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.stockCard{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px;display:grid;gap:6px}.stockCard small{display:block;color:var(--muted);font-size:8px}.stockCard>strong{font-size:25px;color:#10b981}.stockCard>span{font-size:8px;color:var(--muted)}.stockCard form{display:grid;grid-template-columns:1fr 1fr auto;gap:5px}.stockCard input,.supplierForm input,.purchaseTop input,.purchaseTop select,.purchaseRow input{height:38px;border:1px solid #ddd9ef;border-radius:10px;padding:0 8px;background:#fff}.stockLow{border-color:#fecaca;background:linear-gradient(180deg,#fff5f5,#fff)}.stockLow>strong{color:#ef4444}.supplierForm{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:7px}.supplierGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.supplierGrid p,.supplierGrid small{font-size:9px;color:var(--muted)}.supplierGrid b{display:block;margin-top:10px;font-size:10px}.purchaseTop{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.purchaseItems{display:grid;gap:5px;max-height:360px;overflow:auto;margin-bottom:10px}.purchaseRow{display:grid;grid-template-columns:1fr 140px 140px;gap:7px;align-items:center;background:#faf9ff;padding:7px 9px;border-radius:11px}.purchaseRow b{font-size:10px}
@media(max-width:1000px){.stockGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplierForm{grid-template-columns:1fr 1fr 1fr}.supplierGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.stockGrid,.supplierGrid{grid-template-columns:1fr}.stockCard form{grid-template-columns:1fr 1fr}.stockCard form button{grid-column:1/-1}.supplierForm,.purchaseTop{grid-template-columns:1fr}.purchaseRow{grid-template-columns:1fr 1fr}.purchaseRow b{grid-column:1/-1}}

/* V4.9 CRM + Delivery + Online Store */
.crmPage,.deliveryPage,.storeAdmin{display:grid;gap:12px}.crmForm{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.crmForm input,.zoneForm input,.deliveryAssign select{height:42px;border:1px solid #ddd9ef;border-radius:11px;padding:0 10px;background:#fff}.crmForm button{grid-column:3}.crmGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.crmCard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}.crmAvatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e7ddff,#e5fbff);color:#6d28d9;font-weight:900;font-size:16px}.crmInfo h3{margin:0;font-size:13px}.crmInfo p{margin:3px 0 0;font-size:8px;color:var(--muted)}.crmStats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.crmStats div{padding:8px;border-radius:10px;background:#faf8ff}.crmStats b,.crmStats span{display:block}.crmStats b{font-size:11px}.crmStats span{font-size:7px;color:var(--muted);text-transform:uppercase}.crmAddress{grid-column:1/-1;font-size:9px;color:var(--muted)}.crmActions{grid-column:1/-1;display:flex;gap:5px}.crmActions form{margin:0}.zoneForm{display:flex;gap:7px}.deliveryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.deliveryCard{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px}.deliveryTop{display:flex;justify-content:space-between;gap:8px}.deliveryTop span{font-size:8px;color:#8b5cf6;font-weight:900}.deliveryTop h3{margin:3px 0;font-size:13px}.deliveryTop>b{font-size:11px}.deliveryCard>p{font-size:9px;color:var(--muted)}.deliveryAddress{font-size:9px;background:#faf8ff;padding:8px;border-radius:9px;margin:8px 0}.deliveryAddress small{display:block;margin-top:4px;color:#8b5cf6}.deliveryAssign{display:grid;grid-template-columns:1fr 1fr auto;gap:5px}.deliveryAssign select{height:34px;font-size:8px}.storePreview{display:grid;grid-template-columns:330px 1fr;gap:25px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.storePhone{border:8px solid #262331;border-radius:30px;padding:13px;background:#fbfaff;min-height:430px;box-shadow:0 20px 45px rgba(35,25,60,.14)}.storeBrand{display:flex;align-items:center;gap:8px;padding-bottom:10px}.storeBrand img{width:38px;height:38px;border-radius:11px;object-fit:cover}.storeBrand b,.storeBrand span{display:block}.storeBrand b{font-size:11px}.storeBrand span{font-size:8px;color:var(--muted)}.storeProducts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.storeProducts>div{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:7px}.storeProducts img,.storeNoImg{width:100%;height:90px;object-fit:cover}.storeNoImg{display:grid;place-items:center;background:#eee9ff}.storeProducts b,.storeProducts span{display:block;margin:5px 7px 0}.storeProducts b{font-size:9px}.storeProducts span{font-size:8px;color:#7c3aed;font-weight:900}.storeInfo h3{font-size:23px;margin:8px 0}.storeInfo p{color:var(--muted);font-size:10px;line-height:1.7}.storeChecks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.storeChecks span{padding:9px;border-radius:10px;background:#f3fff9;color:#087f5b;font-size:9px;font-weight:800}
@media(max-width:1050px){.crmGrid,.deliveryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.storePreview{grid-template-columns:280px 1fr}}
@media(max-width:700px){.crmForm{grid-template-columns:1fr 1fr}.crmForm button{grid-column:1/-1}.crmGrid,.deliveryGrid{grid-template-columns:1fr}.zoneForm{display:grid;grid-template-columns:1fr 1fr}.zoneForm button{grid-column:1/-1}.deliveryAssign{grid-template-columns:1fr 1fr}.deliveryAssign button{grid-column:1/-1}.storePreview{grid-template-columns:1fr;padding:14px}.storePhone{max-width:330px;width:100%;box-sizing:border-box;margin:auto}.storeChecks{grid-template-columns:1fr}.posFilters{grid-template-columns:1fr 1fr}}
