:root{
  --primary:#7b5cff;
  --accent:#19c99a;
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#f9fafc;
  --text:#111426;
  --muted:#7a8194;
  --line:#e8eaf0;
  --danger:#ff5d70;
  --warning:#f4b942;
  --success:#18b981;
  --sidebar:#0b1020;
  --shadow:0 18px 50px rgba(27,31,48,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:var(--primary);text-decoration:none}
.hidden{display:none!important}
.muted{color:var(--muted)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#bfc7f5}.eyebrow.dark{color:var(--primary)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#0b1020}.auth-visual{position:relative;overflow:hidden;padding:64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,#37296f 0,transparent 31%),radial-gradient(circle at 70% 70%,#123e42 0,transparent 32%),linear-gradient(135deg,#0b1020,#111932)}
.brand-mark,.logo-box,.mini-logo{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#9d7cff);color:#fff;font-family:Manrope;font-weight:800;box-shadow:0 12px 30px rgba(123,92,255,.35)}
.brand-mark{width:58px;height:58px;border-radius:17px;font-size:28px;z-index:2}.mini-logo{width:44px;height:44px;border-radius:13px;font-size:21px}.auth-copy{max-width:650px;z-index:2}.auth-copy h1{font-family:Manrope;font-size:58px;line-height:1.03;letter-spacing:-.045em;color:#fff;margin:18px 0}.auth-copy p{max-width:570px;color:#c0c7d8;font-size:18px;line-height:1.65}.visual-glow{position:absolute;border-radius:50%;filter:blur(20px);opacity:.35}.glow-1{width:360px;height:360px;background:#7b5cff;right:-90px;top:70px}.glow-2{width:340px;height:340px;background:#10c4a4;left:18%;bottom:-170px}.floating-card{position:absolute;padding:18px 20px;border:1px solid rgba(255,255,255,.12);background:rgba(14,19,38,.72);backdrop-filter:blur(18px);border-radius:18px;color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.25);z-index:2}.floating-card span,.floating-card small{display:block;color:#9fa9bf;font-size:12px}.floating-card strong{display:block;margin:7px 0;font-size:22px}.card-a{right:60px;top:90px}.card-b{right:150px;bottom:70px}.auth-panel{display:grid;place-items:center;background:#fff;padding:50px}.auth-box{width:min(430px,100%)}.auth-logo-row{display:flex;align-items:center;gap:13px;margin-bottom:64px}.auth-logo-row strong,.auth-logo-row span{display:block}.auth-logo-row span{font-size:12px;color:var(--muted);margin-top:2px}.auth-box h2{font-family:Manrope;font-size:34px;letter-spacing:-.03em;margin:0 0 8px}.auth-box label{display:block;margin:22px 0 8px;font-size:13px;font-weight:700}.auth-box input,.auth-box select,.settings-form input,.settings-form select,.modal input{width:100%;height:50px;border:1px solid var(--line);border-radius:13px;padding:0 14px;background:#fbfcfe;outline:none;transition:.2s}.auth-box input:focus,.auth-box select:focus,.settings-form input:focus,.modal input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(123,92,255,.08)}.password-wrap,.select-wrap{position:relative}.password-wrap input{padding-right:70px}.ghost-icon{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:700;padding:9px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:18px 0 22px;font-size:12px}.check-row{margin:0!important;display:flex!important;gap:8px;align-items:center;font-weight:500!important;color:var(--muted)}.check-row input{width:15px!important;height:15px!important}.primary-btn,.outline-btn,.text-btn,.logout-btn,.chip,.meta-pill{border-radius:12px;font-weight:700;border:0}.primary-btn{background:linear-gradient(135deg,var(--primary),#6b4ce9);color:#fff;padding:12px 17px;box-shadow:0 10px 24px rgba(123,92,255,.22)}.primary-btn.large{height:52px;width:100%}.outline-btn{background:#fff;color:var(--text);border:1px solid var(--line);padding:11px 15px}.full{width:100%}.secure-note{text-align:center;margin-top:18px;color:#9aa1b2;font-size:11px}
.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--sidebar);color:#fff;padding:22px 18px;display:flex;flex-direction:column;z-index:20}.side-top{display:flex;align-items:center;gap:11px;padding:0 8px 20px}.logo-box{width:38px;height:38px;border-radius:11px}.logo-copy{display:flex;gap:5px;align-items:baseline;font-family:Manrope}.logo-copy strong{font-size:19px}.logo-copy span{color:#8b96b3;font-size:12px}.workspace-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #20283d;border-radius:15px;background:#11182a;margin:6px 0 18px}.workspace-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f09f66,#d45f7a);display:grid;place-items:center;font-weight:800}.workspace-copy{min-width:0;flex:1}.workspace-copy strong,.workspace-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-copy strong{font-size:13px}.workspace-copy span{font-size:10px;color:#8f99b1;margin-top:3px}.mini-btn{background:transparent;border:0;color:#8f99b1}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px}.nav-item{display:flex;align-items:center;gap:12px;color:#949db5;background:transparent;border:0;border-radius:11px;padding:11px 12px;text-align:left;font-size:13px;transition:.2s}.nav-item span{width:20px;text-align:center;font-size:16px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(123,92,255,.22),rgba(123,92,255,.04));color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--primary)}.nav-item em{font-style:normal;margin-left:auto;background:#282f45;color:#d6dbeb;padding:2px 7px;border-radius:20px;font-size:10px}.side-footer{margin-top:auto}.subscription-card{border:1px solid #20283d;border-radius:14px;padding:13px;background:#11182a}.subscription-card span,.subscription-card small{display:block;color:#858fa8;font-size:9px}.subscription-card strong{display:block;margin:5px 0;font-size:12px}.progress{height:5px;border-radius:8px;background:#222a3d;margin:9px 0;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.logout-btn{width:100%;margin-top:9px;background:transparent;color:#8c96ae;text-align:left;padding:10px 12px}.main-content{margin-left:260px;min-height:100vh}.topbar{height:92px;background:rgba(245,247,251,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(226,230,239,.8);padding:18px 30px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-family:Manrope;font-size:23px;margin:4px 0 0;letter-spacing:-.025em}.top-actions{display:flex;gap:10px;align-items:center}.live-pill{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#edf9f5;border:1px solid #d7f2e9;border-radius:11px;font-size:11px;font-weight:700;color:#237d65}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(24,185,129,.12)}.profile-btn{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0 0 0 5px}.profile-btn>span{width:38px;height:38px;border-radius:12px;background:#e9e4ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.profile-btn div{text-align:left}.profile-btn strong,.profile-btn small{display:block}.profile-btn strong{font-size:11px}.profile-btn small{font-size:9px;color:var(--muted)}.view-section{display:none;padding:28px 30px 46px}.active-view{display:block}.hero-strip{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#12182c,#18233d);color:#fff;padding:26px 28px;border-radius:22px;margin-bottom:20px;overflow:hidden;position:relative}.hero-strip:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,rgba(123,92,255,.7),transparent 67%)}.hero-strip span{color:#9ca7c1;font-size:12px}.hero-strip h2{font-family:Manrope;font-size:27px;margin:6px 0}.hero-strip p{margin:0;color:#aeb8ce;font-size:13px}.hero-weather{z-index:2;text-align:right}.hero-weather strong{display:block;font-size:30px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric-grid.compact .metric-card{min-height:126px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:18px;box-shadow:0 8px 24px rgba(34,39,58,.03);position:relative}.metric-card>span{display:block;font-size:11px;color:var(--muted);font-weight:600}.metric-card>strong{display:block;font-family:Manrope;font-size:26px;margin:9px 0 7px;letter-spacing:-.03em}.metric-card>small{color:var(--muted);font-size:10px}.metric-icon{position:absolute;right:15px;top:15px;width:32px;height:32px;border-radius:10px;background:#f1eeff;color:var(--primary);display:grid;place-items:center;font-weight:800}.positive{color:var(--success)!important}.negative{color:var(--danger)!important}.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:0 8px 24px rgba(34,39,58,.025)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-head span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.07em}.panel-head h3{font-family:Manrope;font-size:17px;margin:4px 0 0}.panel-head select{border:1px solid var(--line);background:#fafbfc;border-radius:10px;padding:8px 10px;color:#646b7b;font-size:11px}.chart-panel{min-height:360px}.chart-panel canvas{width:100%;height:280px}.order-list,.stock-list{display:flex;flex-direction:column;gap:9px}.live-order{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #edf0f5;border-radius:13px}.order-id{width:42px;height:42px;border-radius:11px;background:#f4f2ff;color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:11px}.live-order .grow{flex:1}.live-order strong,.live-order span{display:block}.live-order strong{font-size:12px}.live-order span{font-size:10px;color:var(--muted);margin-top:3px}.status{padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.status.preparing{background:#fff5df;color:#b07811}.status.ready{background:#e8f9f3;color:#12805e}.status.served{background:#eef1f5;color:#677083}.status.new{background:#eeeaff;color:#6c55d4}.text-btn{background:transparent;color:var(--primary);font-size:11px;padding:7px}.mini-floor{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:4px}.mini-table{aspect-ratio:1;border:1px solid #dfe4ec;background:#f8fafc;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:12px;color:#8790a2;position:relative}.mini-table span{position:absolute;bottom:5px;font-size:8px;font-weight:600}.mini-table.busy{border-color:#ffc5cd;background:#fff0f2;color:#d9485d}.mini-table.reserved{border-color:#ffe0a4;background:#fff8e9;color:#bc8321}.legend{display:flex;gap:13px;margin-top:13px;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.available-dot{background:#cfd6e2}.busy-dot{background:var(--danger)}.reserved-dot{background:var(--warning)}.stock-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #f0f1f5}.stock-row:last-child{border:0}.stock-row strong,.stock-row span{display:block}.stock-row strong{font-size:11px}.stock-row span{font-size:9px;color:var(--muted);margin-top:3px}.stock-row b{font-size:10px;color:var(--danger)}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.pos-products{min-height:700px}.pos-head{align-items:flex-start}.search-box{display:flex;align-items:center;gap:6px;background:#f7f8fb;border:1px solid var(--line);border-radius:11px;padding:0 10px;height:40px;min-width:260px;color:#a0a6b5}.search-box input{border:0;background:transparent;outline:none;width:100%;font-size:11px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 16px}.chip,.meta-pill{padding:8px 11px;background:#f7f8fb;color:#727a8b;border:1px solid var(--line);font-size:10px}.chip.active,.meta-pill.active{background:#eeeaff;border-color:#d9d0ff;color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;transition:.2s;cursor:pointer}.product-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(34,39,58,.08)}.product-card .product-img{height:110px;display:flex;align-items:flex-end;padding:10px;background:linear-gradient(135deg,#efeff8,#e7f3ee);position:relative;overflow:hidden}.product-img:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:10px;top:12px;background:rgba(255,255,255,.65);box-shadow:0 10px 22px rgba(68,76,96,.12)}.product-card:nth-child(3n+2) .product-img{background:linear-gradient(135deg,#fbe8db,#f6dcc8)}.product-card:nth-child(3n+3) .product-img{background:linear-gradient(135deg,#e6e5fa,#d7eef1)}.product-card .product-emoji{position:absolute;right:27px;top:29px;font-size:34px;z-index:2}.product-card .badge{z-index:3;font-size:8px;padding:4px 7px;border-radius:20px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px)}.product-copy{padding:11px}.product-copy strong{display:block;font-size:11px;line-height:1.4}.product-copy span{display:flex;justify-content:space-between;align-items:center;margin-top:7px;color:var(--muted);font-size:9px}.product-copy b{font-size:12px;color:var(--text)}.cart-panel{position:sticky;top:112px}.cart-head{display:flex;justify-content:space-between}.cart-head span{font-size:10px;color:var(--muted)}.cart-head h3{font-size:16px;margin:4px 0 0}.icon-danger{width:30px;height:30px;border:0;border-radius:9px;background:#fff0f2;color:var(--danger);font-size:17px}.order-meta{display:flex;gap:6px;margin:14px 0}.cart-items{display:flex;flex-direction:column;gap:9px;min-height:230px;max-height:330px;overflow:auto}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid #edf0f4;border-radius:12px}.cart-item strong{font-size:11px}.cart-item span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.qty-controls{display:flex;align-items:center;gap:7px}.qty-controls button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:8px}.qty-controls b{font-size:10px}.cart-notes{margin:12px 0}.cart-notes input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 11px;outline:none}.cart-summary{border-top:1px solid var(--line);padding-top:10px}.cart-summary div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px;color:var(--muted)}.cart-summary .grand{margin-top:6px;padding-top:10px;border-top:1px dashed var(--line);font-size:14px;color:var(--text)}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{margin:4px 0 0;font-family:Manrope}.table-panel{overflow:auto}.table-panel table{width:100%;border-collapse:collapse;font-size:11px}.table-panel th{text-align:left;color:#8a92a3;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:11px;border-bottom:1px solid var(--line)}.table-panel td{padding:13px 11px;border-bottom:1px solid #f0f2f6}.table-panel tr:last-child td{border-bottom:0}.floor-workspace{min-height:670px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f2f3f7,#e7eaf1) border-box}.floor-grid{min-height:625px;border-radius:16px;background-image:radial-gradient(#d9dde7 1px,transparent 1px);background-size:18px 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:48px}.floor-table{aspect-ratio:1;max-width:120px;border-radius:50%;border:7px solid #edf0f5;box-shadow:inset 0 0 0 1px #dce1ea;background:#fff;display:grid;place-items:center;justify-self:center;align-self:center;position:relative}.floor-table.busy{border-color:#ffcdd3;background:#fff7f8}.floor-table.reserved{border-color:#ffe4ad;background:#fffaf0}.floor-table strong{font-size:13px}.floor-table span{font-size:9px;color:var(--muted)}.floor-table b{position:absolute;bottom:-23px;font-size:8px;color:#8d95a7}.split-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.reservation-list{display:flex;flex-direction:column;gap:9px}.reservation-item{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px}.reservation-time{font-weight:800;font-size:12px}.reservation-item strong,.reservation-item span{display:block}.reservation-item strong{font-size:11px}.reservation-item span{font-size:9px;color:var(--muted);margin-top:4px}.settings-list{display:flex;flex-direction:column}.settings-list>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f1f5;font-size:11px}.switch input{display:none}.switch i{display:block;width:38px;height:22px;border-radius:30px;background:#dfe3eb;position:relative;transition:.2s}.switch i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{left:19px}.info-card{margin-top:20px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#f2f0ff,#ecfaf6)}.info-card span,.info-card strong,.info-card p{display:block}.info-card span{font-size:9px;color:var(--primary);font-weight:800}.info-card strong{margin:6px 0;font-size:11px}.info-card p{font-size:9px;color:var(--muted);line-height:1.5}.menu-admin-grid{display:grid;grid-template-columns:240px 1fr;gap:16px}.category-panel h3{margin-top:0}.category-admin-item{padding:11px;border-radius:10px;font-size:11px;color:#6f778a;display:flex;justify-content:space-between}.category-admin-item.active{background:#f0edff;color:var(--primary);font-weight:700}.menu-product-rows{display:flex;flex-direction:column}.menu-row{display:grid;grid-template-columns:48px 1fr 100px 90px 70px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f1f5}.menu-row:last-child{border-bottom:0}.menu-thumb{width:44px;height:44px;border-radius:11px;background:#f1efff;display:grid;place-items:center;font-size:19px}.menu-row strong{font-size:11px}.menu-row span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.menu-row b{font-size:11px}.finance-grid{grid-template-columns:1.35fr .65fr}.payment-breakdown{display:flex;flex-direction:column;gap:16px;margin:20px 0}.payment-breakdown div{position:relative;padding-bottom:10px}.payment-breakdown span,.payment-breakdown strong{font-size:10px}.payment-breakdown strong{float:right}.payment-breakdown i{position:absolute;left:0;bottom:0;height:6px;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--accent))}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.staff-card{text-align:center}.staff-avatar{width:62px;height:62px;border-radius:18px;margin:4px auto 12px;background:linear-gradient(135deg,#ece9ff,#dff7ef);display:grid;place-items:center;font-weight:800;color:var(--primary)}.staff-card strong,.staff-card span{display:block}.staff-card strong{font-size:12px}.staff-card span{font-size:9px;color:var(--muted);margin-top:4px}.staff-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.staff-stats div{padding:8px;border-radius:10px;background:#f8f9fb}.staff-stats b,.staff-stats small{display:block}.staff-stats b{font-size:11px}.staff-stats small{font-size:8px;color:var(--muted)}.seller-list{display:flex;flex-direction:column;gap:10px}.seller-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.seller-row>b{width:24px;height:24px;border-radius:8px;background:#f1efff;color:var(--primary);display:grid;place-items:center;font-size:9px}.seller-row strong,.seller-row span{display:block}.seller-row strong{font-size:10px}.seller-row span{font-size:8px;color:var(--muted);margin-top:3px}.seller-row em{font-style:normal;font-size:10px;font-weight:800}.website-admin-layout{display:grid;grid-template-columns:360px 1fr;gap:16px}.website-controls h2{font-family:Manrope;margin:7px 0}.website-toggles{margin:20px 0}.website-controls label{font-size:10px;font-weight:700;display:block;margin-bottom:7px}.copy-field{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:12px}.copy-field input{flex:1;border:0;padding:11px;outline:none;background:#f9fafc;font-size:10px}.copy-field button{border:0;background:#f0edff;color:var(--primary);font-weight:700;padding:0 13px}.browser-preview{padding:0;overflow:hidden}.browser-bar{height:42px;background:#f2f3f6;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#d3d7df}.browser-bar span{margin-left:10px;font-size:9px;color:#8b92a1}.public-site-preview{min-height:620px;background:linear-gradient(rgba(11,16,32,.18),rgba(11,16,32,.45)),radial-gradient(circle at 75% 38%,rgba(255,174,102,.45),transparent 25%),linear-gradient(135deg,#29332f,#0e1414);color:#fff;position:relative;padding:24px;overflow:hidden}.public-site-preview:after{content:"🍽️";font-size:240px;position:absolute;right:2%;bottom:-40px;filter:saturate(.4) brightness(1.1);opacity:.33;transform:rotate(-8deg)}.public-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.public-nav strong{font-family:Manrope;font-size:18px;letter-spacing:.14em}.public-nav span{font-size:9px;color:#d9ddd9}.public-nav button,.public-hero-copy button{border:0;background:#f0c79a;padding:10px 13px;border-radius:5px;font-size:9px}.public-hero-copy{position:relative;z-index:2;margin:130px 0 0 8%;max-width:560px}.public-hero-copy>span{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#dec4a2}.public-hero-copy h2{font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.08;margin:16px 0}.public-hero-copy p{max-width:430px;color:#d7d9d7;font-size:11px;line-height:1.65}.public-hero-copy>div{display:flex;gap:8px;margin-top:18px}.public-hero-copy .glass-btn{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-tabs{padding:10px;align-self:start}.settings-tabs button{width:100%;text-align:left;padding:11px;border:0;background:transparent;border-radius:9px;color:#737b8d;font-size:10px}.settings-tabs button.active{background:#f0edff;color:var(--primary);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:block;font-size:9px;font-weight:700;color:#747c8f;margin-bottom:6px}.full-span{grid-column:1/-1}.brand-builder{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between}.brand-builder h3{margin:4px 0}.color-controls{display:flex;gap:12px}.color-controls label{font-size:9px;color:var(--muted)}.color-controls input{display:block;width:52px;height:32px;padding:2px;margin-top:5px}.map-card{height:220px;margin-top:22px;border-radius:16px;overflow:hidden;position:relative;border:1px solid var(--line)}.map-card iframe{width:100%;height:100%;border:0}.map-overlay{position:absolute;left:13px;bottom:13px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:11px;padding:10px 12px;box-shadow:0 8px 22px rgba(0,0,0,.1)}.map-overlay strong,.map-overlay span{display:block}.map-overlay strong{font-size:10px}.map-overlay span{font-size:8px;color:var(--muted);margin-top:3px}.toast{position:fixed;right:25px;bottom:25px;z-index:1000;background:#11182a;color:#fff;padding:13px 16px;border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.2);font-size:11px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.modal{position:fixed;inset:0;background:rgba(9,13,26,.55);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(550px,100%);background:#fff;border-radius:22px;padding:24px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.22)}.modal-card h2{font-family:Manrope}.modal-close{position:absolute;right:15px;top:15px;width:32px;height:32px;border-radius:10px;border:0;background:#f2f3f6;font-size:18px}.modal-form{margin-bottom:18px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.staff-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.website-admin-layout{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}.auth-copy h1{font-size:48px}}
@media(max-width:900px){.sidebar{width:82px;padding:18px 10px}.logo-copy,.workspace-copy,.subscription-card,.nav-item em,.logout-btn{display:none}.workspace-card{justify-content:center;padding:10px}.side-top{justify-content:center}.nav-item{justify-content:center}.nav-item span{font-size:18px}.main-content{margin-left:82px}.topbar{padding:14px 18px}.top-actions .outline-btn,.profile-btn div{display:none}.view-section{padding:20px 18px}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.menu-admin-grid,.split-layout,.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;overflow:auto}.settings-tabs button{white-space:nowrap;width:auto}.floor-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.metric-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.staff-grid{grid-template-columns:repeat(2,1fr)}.topbar h1{font-size:18px}.live-pill{display:none}.hero-strip{align-items:flex-start}.hero-weather{display:none}.search-box{min-width:0}.section-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.brand-builder{align-items:flex-start;flex-direction:column;gap:14px}.public-hero-copy h2{font-size:36px}.public-nav span{display:none}.floor-grid{grid-template-columns:repeat(2,1fr);padding:26px}.auth-panel{padding:24px}.auth-logo-row{margin-bottom:42px}}

/* Premium authentication & onboarding — keeps the existing Restora visual language */
.premium-auth{min-height:100vh;perspective:1400px}.premium-auth .auth-visual{isolation:isolate;background:radial-gradient(circle at 16% 18%,rgba(123,92,255,.28),transparent 31%),radial-gradient(circle at 82% 72%,rgba(16,196,164,.18),transparent 30%),linear-gradient(145deg,#080d1b 0%,#0e1730 52%,#09111f 100%)}
.visual-grid{position:absolute;inset:-30%;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;transform:perspective(600px) rotateX(68deg) translateY(28%);mask-image:linear-gradient(to bottom,transparent 8%,#000 45%,transparent 88%);animation:gridDrift 18s linear infinite}.glow-3{width:240px;height:240px;background:#4387ff;left:45%;top:36%;filter:blur(70px);opacity:.17;animation:glowFloat 8s ease-in-out infinite}
.auth-copy h1 span{background:linear-gradient(100deg,#fff,#a99dff 50%,#7ce6d2);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-feature-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.auth-feature-row span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);color:#c8d0e2;font-size:11px;font-weight:600;backdrop-filter:blur(12px)}.auth-feature-row i{width:6px;height:6px;background:#4ce0bd;border-radius:50%;box-shadow:0 0 12px #4ce0bd}
.scene-3d{position:absolute;right:20%;top:42%;width:180px;height:180px;transform-style:preserve-3d;animation:sceneFloat 7s ease-in-out infinite;opacity:.94}.core-cube{position:absolute;left:50%;top:50%;width:72px;height:72px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-18deg) rotateY(28deg);animation:cubeSpin 16s linear infinite}.cube-face{position:absolute;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(123,92,255,.28),rgba(16,196,164,.14));backdrop-filter:blur(10px);color:#fff;font:800 14px Manrope;letter-spacing:.08em;box-shadow:inset 0 0 28px rgba(255,255,255,.04),0 0 28px rgba(98,77,220,.15)}.face-front{transform:translateZ(36px)}.face-back{transform:rotateY(180deg) translateZ(36px)}.face-right{transform:rotateY(90deg) translateZ(36px)}.face-left{transform:rotateY(-90deg) translateZ(36px)}.face-top{transform:rotateX(90deg) translateZ(36px)}.face-bottom{transform:rotateX(-90deg) translateZ(36px)}
.orbit{position:absolute;inset:6px;border:1px solid rgba(156,141,255,.25);border-radius:50%;transform-style:preserve-3d}.orbit-one{transform:rotateX(66deg) rotateZ(20deg);animation:orbitTurn 10s linear infinite}.orbit-two{inset:28px;border-color:rgba(76,224,189,.24);transform:rotateY(68deg) rotateZ(-24deg);animation:orbitTurnReverse 8s linear infinite}.orbit i{position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:#a99cff;box-shadow:0 0 14px #a99cff}.orbit-two i{background:#4ce0bd;box-shadow:0 0 14px #4ce0bd}
.premium-auth .floating-card{transition:transform .18s ease;will-change:transform}.premium-auth .card-a{right:58px;top:76px;width:222px}.premium-auth .card-b{right:52px;bottom:72px;width:248px;padding-right:82px}.premium-auth .card-c{left:64px;bottom:58px;min-width:165px}.widget-top{display:flex;justify-content:space-between;align-items:center}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#4ce0bd;box-shadow:0 0 0 0 rgba(76,224,189,.6);animation:pulse 2s infinite}.mini-bars{height:28px;display:flex;align-items:end;gap:4px;margin-top:10px}.mini-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(#8e78ff,#5b45d4);animation:bars 2.4s ease-in-out infinite}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:52%;animation-delay:.15s}.mini-bars i:nth-child(3){height:44%;animation-delay:.3s}.mini-bars i:nth-child(4){height:76%;animation-delay:.45s}.mini-bars i:nth-child(5){height:59%;animation-delay:.6s}.mini-bars i:nth-child(6){height:88%;animation-delay:.75s}.mini-bars i:nth-child(7){height:72%;animation-delay:.9s}.occupancy-ring{position:absolute;right:15px;bottom:17px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4ce0bd 0 69%,rgba(255,255,255,.09) 69%);animation:ringBreath 3.2s ease-in-out infinite}.occupancy-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#121a31}.occupancy-ring span{position:relative;font-size:9px;font-weight:800;color:#fff}.auth-tilt,.auth-tilt-soft{transform-style:preserve-3d;will-change:transform}
.premium-auth .auth-panel{position:relative;background:linear-gradient(180deg,#fff,#fbfcff)}.premium-auth .auth-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(123,92,255,.06),transparent 28%)}.new-auth-box{position:relative;z-index:1;width:min(470px,100%)}.new-auth-box .auth-logo-row{margin-bottom:34px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:30px;background:#f1f3f8;border:1px solid #e8eaf1;border-radius:14px}.auth-tabs button{height:38px;border:0;border-radius:10px;background:transparent;color:#7b8190;font-weight:700;cursor:pointer;transition:.25s}.auth-tabs button.active{background:#fff;color:#171b27;box-shadow:0 4px 14px rgba(20,27,47,.08)}.auth-form{display:none;animation:formIn .35s ease}.auth-form.active-form{display:block}.form-intro h2{margin-bottom:7px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.register-grid .full-field{grid-column:1/-1}.register-grid label{margin-top:13px}.register-grid input,.register-grid select{height:46px}.create-note{font-size:11px;line-height:1.55;color:#9aa1b2;text-align:center;margin:14px 12px 0}.magnetic-btn{display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.magnetic-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(123,92,255,.3)}.magnetic-btn span{transition:transform .2s ease}.magnetic-btn:hover span{transform:translateX(4px)}.secure-note span{color:#20bd96;font-size:9px;margin-right:5px}
@keyframes gridDrift{to{background-position:58px 58px}}@keyframes glowFloat{50%{transform:translate3d(25px,-25px,0) scale(1.14)}}@keyframes sceneFloat{50%{transform:translateY(-13px) rotateZ(2deg)}}@keyframes cubeSpin{to{transform:translate(-50%,-50%) rotateX(342deg) rotateY(388deg)}}@keyframes orbitTurn{to{transform:rotateX(66deg) rotateZ(380deg)}}@keyframes orbitTurnReverse{to{transform:rotateY(68deg) rotateZ(-384deg)}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(76,224,189,0)}}@keyframes bars{50%{transform:scaleY(.72);opacity:.72}}@keyframes ringBreath{50%{filter:drop-shadow(0 0 7px rgba(76,224,189,.28));transform:scale(1.04)}}@keyframes formIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.scene-3d{right:12%;top:46%;transform:scale(.82)}.premium-auth .card-b{right:30px}.premium-auth .card-a{right:30px}.auth-copy h1{font-size:44px}}
@media(max-width:900px){.premium-auth{display:block;background:#0b1020}.premium-auth .auth-visual{display:block;min-height:310px;padding:34px 28px}.premium-auth .auth-copy{max-width:78%}.premium-auth .auth-copy h1{font-size:36px;margin:12px 0}.premium-auth .auth-copy p{font-size:14px}.scene-3d{right:6%;top:36%;transform:scale(.62)}.premium-auth .floating-card{display:none}.premium-auth .auth-panel{min-height:auto;padding:34px 24px}.auth-feature-row{display:none}}
@media(max-width:580px){.premium-auth .auth-visual{min-height:250px}.premium-auth .auth-copy{max-width:100%}.premium-auth .auth-copy h1{font-size:30px}.premium-auth .auth-copy p{display:none}.scene-3d{opacity:.55;right:-9%;top:38%;transform:scale(.48)}.register-grid{grid-template-columns:1fr}.register-grid .full-field{grid-column:auto}.new-auth-box .auth-logo-row{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.premium-auth *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Staff operations */
.staff-toolbar{margin-bottom:16px}.staff-summary{margin-bottom:16px}.staff-empty{grid-column:1/-1;padding:54px 24px;text-align:center;border:1px dashed #dce1ea;border-radius:18px;background:linear-gradient(135deg,#fff,#fafbff)}.staff-empty strong{display:block;font:700 17px Manrope;margin-bottom:7px}.staff-empty span{font-size:10px;color:var(--muted);line-height:1.6}.staff-card{position:relative;text-align:left;overflow:hidden}.staff-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.7}.staff-card-head{display:flex;align-items:center;gap:11px}.staff-card .staff-avatar{margin:0;width:52px;height:52px;border-radius:15px;flex:0 0 auto}.staff-card-copy{min-width:0;flex:1}.staff-card-copy strong{font-size:12px}.staff-card-copy span{font-size:9px}.staff-status{display:inline-flex!important;align-items:center;gap:5px!important;width:max-content;margin-top:6px!important;padding:4px 7px;border-radius:20px;background:#eefaf6;color:#11936f!important;font-weight:700}.staff-status.off{background:#f2f3f6;color:#8a91a0!important}.staff-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.staff-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.staff-meta div{padding:8px 9px;border-radius:10px;background:#f8f9fb}.staff-meta span,.staff-meta strong{display:block}.staff-meta span{font-size:8px;color:var(--muted);margin:0 0 4px}.staff-meta strong{font-size:9px}.staff-stats{grid-template-columns:repeat(3,1fr)}.staff-card-actions{display:flex;gap:7px;margin-top:12px}.staff-card-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;font-size:9px;font-weight:700;color:#626b7d}.staff-card-actions button:hover{background:#f7f8fb}.staff-card-actions .shift-active{border-color:#bfeadd;background:#eefaf6;color:#12886a}.pos-assignment{margin:10px 0 12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.pos-assignment label{display:block;font-size:9px;font-weight:800;color:#737b8d;margin-bottom:6px}.pos-assignment select{width:100%;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 9px;outline:none;font-size:10px}.pos-assignment small{display:block;margin-top:6px;font-size:8px;line-height:1.4;color:var(--muted)}.staff-modal-actions{display:flex;justify-content:flex-end;gap:9px}.danger-btn{border:0;border-radius:10px;padding:11px 14px;background:#fff0f2;color:#d94d61;font-weight:700;font-size:10px}.staff-modal-card{width:min(640px,100%)}
.staff-recent-orders{margin-top:12px;padding:10px;border-radius:11px;background:#fbfbfd;border:1px solid #f0f1f5}.staff-recent-orders>span{display:block!important;margin:0 0 7px!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8a91a0!important}.staff-recent-orders>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:5px 0;border-top:1px solid #eef0f4}.staff-recent-orders>div:first-of-type{border-top:0}.staff-recent-orders b,.staff-recent-orders strong{font-size:8px}.staff-recent-orders em{font-style:normal;font-size:8px;color:var(--muted)}.staff-recent-orders small{font-size:8px;color:var(--muted)}


/* KK Company user-access additions */
.staff-login-box{margin-top:12px;padding:11px 12px;border:1px solid rgba(123,92,255,.14);border-radius:12px;background:linear-gradient(135deg,rgba(123,92,255,.06),rgba(25,201,154,.04));display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.staff-login-box span{font-size:9px;letter-spacing:.12em;color:#8b91a1;font-weight:800}.staff-login-box strong{font-size:12px;letter-spacing:.05em}.staff-login-box small{font-size:10px;color:#667085;font-weight:700}
#staffLoginId[readonly]{background:#f6f7fb;color:#545b6c;font-weight:700;letter-spacing:.04em}