:root{--bg:#f5f7fb;--panel:#fff;--text:#171a26;--muted:#72798d;--line:#e8ebf2;--purple:#6d4aff;--purple2:#8d6cff;--teal:#12b8a6;--green:#15a66f;--red:#dc4c64;--amber:#d89922;--nav:#10131f;--shadow:0 18px 60px rgba(26,31,54,.09);--radius:22px;--radius-sm:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.center{text-align:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--purple);text-transform:uppercase}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-lockup>div:last-child{display:flex;flex-direction:column}.brand-lockup strong{font-size:20px;letter-spacing:-.03em}.brand-lockup span{font-size:10px;color:#8f96a8;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--purple),var(--teal));color:white;display:grid;place-items:center;font-weight:900;font-size:23px;box-shadow:0 10px 25px rgba(109,74,255,.25)}.brand-mark.small{width:30px;height:30px;border-radius:10px;font-size:16px}.btn{border:0;border-radius:12px;padding:10px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--purple),#7d5dfb);color:#fff;box-shadow:0 9px 24px rgba(109,74,255,.24)}.btn-secondary{background:#f1f3f8;color:#34394a;border:1px solid #e1e5ee}.btn-light{background:#fff;color:#332963}.btn-success{background:#e9f8f2;color:#087a50}.btn-danger{background:#fff0f2;color:#b92f49}.btn-ghost{background:transparent;color:var(--muted)}.btn-lg{padding:13px 20px}.btn-xl{padding:15px 22px;border-radius:14px}.btn-sm{padding:7px 10px;font-size:12px}.public-body{background:#fff}.public-nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 28px}.public-nav nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.hero{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;max-width:1280px;margin:auto;padding:86px 28px 68px;align-items:center;overflow:hidden}.hero-copy h1{font-size:66px;line-height:1.02;letter-spacing:-.055em;margin:18px 0 24px;max-width:720px}.hero-copy h1 span{background:linear-gradient(100deg,var(--purple),#8a55e9,var(--teal));-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.7;color:#656d80;max-width:650px}.hero-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f0edff;color:#5b43ca;font-size:12px;font-weight:800}.hero-actions{display:flex;gap:12px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:12px;font-weight:700;color:#777f90}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;width:620px;height:620px;background:radial-gradient(circle,#e4dfff,rgba(255,255,255,0) 65%);left:-70px;top:-100px;z-index:0}.dashboard-preview{position:relative;z-index:1;background:#111522;color:white;border-radius:30px;padding:20px;box-shadow:0 45px 90px rgba(28,24,69,.26);transform:perspective(1200px) rotateY(-6deg) rotateX(2deg)}.preview-head{height:45px;display:flex;align-items:center;gap:8px;color:#8d95aa;font-size:11px}.preview-head>span{width:8px;height:8px;border-radius:50%;background:#ff6b78}.preview-head>span:nth-child(2){background:#f5b94a}.preview-head>span:nth-child(3){background:#48c991}.preview-head b{margin-left:9px;color:#cbd0dc}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-stats article{background:#1b2030;border:1px solid #2a3043;border-radius:16px;padding:18px}.preview-stats small{display:block;color:#8b94aa;font-size:10px}.preview-stats strong{display:block;font-size:18px;margin:6px 0}.preview-stats em{font-size:10px;font-style:normal;color:#5adab9}.preview-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;margin-top:12px}.chart-card,.mini-list{background:#171c2a;border:1px solid #262c3e;border-radius:18px;padding:18px;min-height:210px}.bars{height:165px;display:flex;align-items:end;gap:10px}.bars i{display:block;flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7f65ff,#4f3aaa)}.mini-list{display:flex;flex-direction:column;gap:16px}.mini-list span{display:flex;align-items:center;gap:8px;color:#a7afc0;font-size:11px}.mini-list span em{margin-left:auto;font-style:normal;color:#fff}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.green{background:#31d29d}.purple{background:#8870ff}.amber{background:#f0b54a}.logo-strip{border-block:1px solid #edf0f5;display:flex;justify-content:center;gap:52px;flex-wrap:wrap;padding:23px 24px;color:#a2a8b5;font-size:11px;font-weight:850;letter-spacing:.13em}.section{max-width:1220px;margin:auto;padding:110px 28px}.section.tinted{max-width:none;background:#f7f8fc}.section.tinted>*{max-width:1164px;margin-left:auto;margin-right:auto}.section-heading{max-width:660px;margin-bottom:42px}.section-heading h2{font-size:44px;letter-spacing:-.04em;margin:10px 0}.section-heading p{color:var(--muted);font-size:17px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #e9ecf3;border-radius:24px;padding:28px;background:white;transition:.25s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#f0ecff,#e9fbf7);color:var(--purple);font-weight:900;display:grid;place-items:center}.feature-card h3{margin:24px 0 8px;font-size:19px}.feature-card p{color:var(--muted);line-height:1.6;font-size:14px;min-height:68px}.feature-card span{font-size:12px;color:var(--purple);font-weight:800}.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.industry-grid article{background:white;border:1px solid #eaedf4;border-radius:19px;padding:22px;text-align:center}.industry-orb{width:48px;height:48px;margin:auto auto 12px;border-radius:16px;background:linear-gradient(135deg,#ede9ff,#ddf8f3);color:var(--purple);display:grid;place-items:center;font-weight:900}.industry-orb.big{width:72px;height:72px;border-radius:22px;font-size:26px;margin:0}.industry-grid strong,.industry-grid small{display:block}.industry-grid small{color:var(--muted);margin-top:5px;font-size:11px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.price-card{position:relative;border:1px solid #e5e8f0;border-radius:24px;padding:28px;background:#fff}.price-card.featured{border-color:#7660ed;box-shadow:0 25px 55px rgba(90,64,207,.16);transform:translateY(-8px)}.popular{position:absolute;right:18px;top:18px;background:#ece8ff;color:#5a41c6;font-size:9px;padding:6px 8px;border-radius:999px;font-weight:900;letter-spacing:.09em}.price{margin-top:26px;color:#7a8090}.price strong{font-size:34px;color:#171a26;letter-spacing:-.04em}.price-card>small{color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px;color:#596071;font-size:13px}.price-card ul li:before{content:"✓";color:var(--teal);font-weight:900;margin-right:8px}.price-card .btn{width:100%}.cta{max-width:1164px;margin:0 auto 110px;border-radius:30px;background:linear-gradient(135deg,#5c43d5,#713fd1 55%,#0fa696);color:white;padding:50px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 35px 80px rgba(82,53,187,.22)}.cta .eyebrow{color:#d8d1ff}.cta h2{font-size:36px;margin:9px 0}.cta p{margin:0;color:#dedaf6}.public-footer{border-top:1px solid #eceff4;display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center;max-width:1220px;margin:auto;padding:38px 28px;color:#7b8291;font-size:12px}.public-footer>div:nth-child(2){display:flex;gap:18px}.public-footer p{margin:9px 0 0}.auth-shell{min-height:calc(100vh - 78px);padding:55px 24px;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#eeeaff,transparent 30%),radial-gradient(circle at 85% 80%,#e4faf7,transparent 30%),#f7f8fc}.auth-shell.wide{align-items:start}.auth-card{width:min(920px,100%);display:grid;grid-template-columns:.95fr 1.05fr;background:white;border:1px solid #e8ebf2;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.auth-card.onboarding{width:min(1080px,100%);grid-template-columns:.7fr 1.3fr}.auth-side{background:linear-gradient(145deg,#171a29,#272044 70%,#175a57);color:white;padding:46px}.auth-side .eyebrow{color:#9f8fff}.auth-side h1{font-size:42px;letter-spacing:-.045em;margin:12px 0}.auth-side p{color:#bec3d1;line-height:1.7}.auth-points{display:grid;gap:14px;margin-top:35px;font-size:12px;color:#d7d9e3}.auth-form{padding:46px;display:flex;flex-direction:column;gap:18px}.auth-form h2{font-size:28px;margin:0 0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid h3,.form-grid .wide{grid-column:1/-1}.form-grid h3{margin:18px 0 0;font-size:15px}.auth-form.form-grid{display:grid}.form-grid label,.stack-form label,.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#666e80;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.auth-form input,.auth-form select,.auth-form textarea,.search-bar input,.inline-form input,.inline-form select,.cart-customer select,.pos-search input,.cart-summary input,.payment-details input,.checkout-dialog input,.checkout-dialog select{border:1px solid #dfe3ec;background:#fbfcfe;border-radius:11px;padding:12px 13px;outline:none;color:#222735;transition:.2s;text-transform:none;letter-spacing:normal;font-weight:500;width:100%}.form-grid input:focus,.stack-form input:focus,.auth-form input:focus,.search-bar input:focus,.pos-search input:focus{border-color:#8d78ef;box-shadow:0 0 0 4px rgba(109,74,255,.08);background:white}.input-suffix{display:flex;border:1px solid #dfe3ec;background:#fbfcfe;border-radius:11px;overflow:hidden}.input-suffix input{border:0;border-radius:0}.input-suffix span{display:flex;align-items:center;padding:0 10px;background:#f0f2f7;color:#7d8392;font-size:11px}.check{flex-direction:row!important;align-items:center!important;text-transform:none!important;letter-spacing:0!important}.check input{width:auto!important}.select-card{width:min(780px,100%);background:#fff;border:1px solid #e7eaf1;border-radius:26px;padding:36px;box-shadow:var(--shadow)}.select-card h1{margin:8px 0 24px}.business-select-grid{display:grid;gap:10px}.business-option{width:100%;border:1px solid #e7eaf1;background:#fff;border-radius:16px;padding:15px;display:flex;align-items:center;gap:13px;text-align:left}.business-option:hover{border-color:#aa9ef2;background:#faf9ff}.business-option>span{width:42px;height:42px;border-radius:13px;background:#ece8ff;display:grid;place-items:center;color:var(--purple);font-weight:900}.business-option div{display:flex;flex-direction:column;gap:3px}.business-option small{color:var(--muted)}.business-option em{margin-left:auto;font-style:normal;color:var(--purple)}.app-body{min-height:100vh;background:#f4f6fa}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:var(--nav);color:#fff;padding:18px 14px;z-index:30;display:flex;flex-direction:column}.sidebar-brand{padding:6px 8px 20px}.sidebar-brand strong{color:white}.tenant-chip{margin:5px 2px 18px;padding:12px;border-radius:16px;background:#191e2c;border:1px solid #272d3f;display:flex;align-items:center;gap:10px}.tenant-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--teal));display:grid;place-items:center;font-weight:900}.tenant-chip>div{min-width:0;display:flex;flex-direction:column}.tenant-chip strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-chip small{font-size:9px;color:#7f879b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{display:grid;gap:4px;overflow:auto}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#9da4b6;border-radius:11px;font-size:13px;font-weight:650}.side-nav a:hover{background:#1c2130;color:white}.side-nav a:first-child{background:#1e2333;color:white}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.ghost-install,.logout-btn{border:1px solid #292f41;background:#181d2a;color:#aab1c1;padding:10px;border-radius:10px;text-align:left}.app-main{margin-left:254px;min-height:100vh}.topbar{height:82px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid #e9ecf2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.topbar h1{font-size:19px;margin:3px 0 0;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid #e1e5ed;background:#fff;display:grid;place-items:center;color:#5f6678}.user-pill{display:flex;align-items:center;gap:9px;border:1px solid #e5e8ef;background:#fff;border-radius:14px;padding:7px 10px}.user-pill>span{width:31px;height:31px;border-radius:9px;background:#ece8ff;color:#5e47ca;display:grid;place-items:center;font-weight:900}.user-pill div{display:flex;flex-direction:column}.user-pill strong{font-size:11px}.user-pill small{font-size:9px;color:var(--muted)}.menu-btn{display:none;border:0;background:#eef0f5;border-radius:10px;width:40px;height:40px}.page-content{padding:26px;max-width:1640px;margin:auto}.content-alert{margin:18px 26px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e7eaf1;border-radius:19px;padding:21px;box-shadow:0 8px 30px rgba(25,30,50,.04)}.stat-card.gradient{background:linear-gradient(140deg,#6550d8,#7153dd 55%,#458d99);color:#fff;border:0}.stat-card small{display:block;color:#7a8192;font-size:11px;font-weight:750}.stat-card.gradient small,.stat-card.gradient span{color:#d9d5f3}.stat-card strong{display:block;font-size:27px;letter-spacing:-.035em;margin:9px 0 5px}.stat-card span{font-size:10px;color:#8b91a0}.panel{background:#fff;border:1px solid #e6e9f0;border-radius:20px;padding:21px;box-shadow:0 8px 28px rgba(30,35,57,.035)}.panel h2{margin:3px 0 0;font-size:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head>a{font-size:11px;color:var(--purple);font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.4fr .85fr;gap:17px;margin-bottom:17px}.chart-panel{min-height:330px}.metric-badge{font-size:10px;background:#f0edff;color:#5e48c8;padding:7px 10px;border-radius:999px}.big-metric{margin-top:24px}.big-metric small{display:block;color:var(--muted);font-size:11px}.big-metric strong{font-size:38px;letter-spacing:-.045em}.fake-chart{height:155px;display:flex;align-items:flex-end;gap:9px;margin-top:30px}.fake-chart i{display:block;flex:1;max-width:44px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#8872f8,#6650d0)}.list-stack{display:grid;gap:8px}.list-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #edf0f5;border-radius:13px}.product-dot{width:35px;height:35px;border-radius:10px;background:#f0edff;color:#6048cf;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.list-row>div{display:flex;flex-direction:column;min-width:0}.list-row strong{font-size:12px}.list-row small{font-size:9px;color:var(--muted);margin-top:3px}.list-row em{margin-left:auto;font-size:11px;font-style:normal;color:#5d6474}.empty-state{padding:26px;text-align:center;color:var(--muted);font-size:12px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th{text-align:left;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8b91a1;padding:11px 10px;border-bottom:1px solid #e8ebf1}.table-wrap td{padding:12px 10px;border-bottom:1px solid #f0f2f6;font-size:12px;vertical-align:middle}.table-wrap td>a{color:var(--purple);font-weight:750}.table-sub{display:block;color:var(--muted);font-size:9px;margin-top:3px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;text-transform:capitalize;background:#eef1f5;color:#626a7a}.status-active,.status-paid,.status-approved,.status-ready,.status-served,.status-completed{background:#e8f8f1;color:#087951}.status-pending,.status-payment_pending,.status-sent,.status-new{background:#fff4dc;color:#9a6810}.status-suspended,.status-rejected,.status-cancelled,.status-void,.status-terminated{background:#fff0f2;color:#b52e48}.status-trial,.status-preparing,.status-accepted{background:#eeeaff;color:#6049c6}.status-partial,.status-grace{background:#e9f5ff;color:#326fa1}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.search-bar{display:flex;gap:8px;max-width:500px;flex:1}.quick-actions{display:grid;gap:10px}.quick-actions a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e7eaf1;border-radius:14px}.quick-actions a>span{width:40px;height:40px;border-radius:12px;background:#eeeaff;color:var(--purple);display:grid;place-items:center;font-size:19px}.quick-actions div{display:flex;flex-direction:column}.quick-actions small{color:var(--muted);font-size:9px;margin-top:3px}.business-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(130deg,#fff,#f7f5ff);border:1px solid #e7e8f2;border-radius:20px;padding:21px;margin-bottom:17px}.business-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--purple),var(--teal));display:grid;place-items:center;color:white;font-size:23px;font-weight:900}.business-hero h2{margin:3px 0}.business-hero p{margin:0;color:var(--muted);font-size:11px}.business-hero>.status{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid div{padding:11px;border-radius:12px;background:#f8f9fc}.detail-grid dt{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.detail-grid dd{margin:4px 0 0;font-size:12px;font-weight:700}.inline-form{display:flex;gap:8px;margin-top:14px}.table-actions{display:flex;gap:6px}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.side-form{align-self:start;position:sticky;top:105px}.side-form h2{margin-bottom:16px}.stack-form{display:grid;gap:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-form hr,.panel hr{border:0;border-top:1px solid #edf0f4;margin:19px 0}.subscription-card{background:linear-gradient(135deg,#171a28,#342957);color:white;border-radius:18px;padding:20px;margin-bottom:24px}.subscription-card>div{display:flex;justify-content:space-between}.subscription-card h3{font-size:28px;margin:16px 0 5px}.subscription-card p{color:#b9bdcb;font-size:11px;margin:0}.settings-form{margin-top:20px;padding-top:18px;border-top:1px solid #eceff4}.report-bars{height:250px;display:flex;align-items:flex-end;gap:5px;padding-top:20px}.report-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.report-bars i{width:100%;max-width:24px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#8570ef,#5e49c5)}.report-bars small{font-size:8px;color:var(--muted)}.pos-shell{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px;height:calc(100vh - 134px);min-height:620px}.pos-products,.pos-cart{background:#fff;border:1px solid #e6e9f0;border-radius:20px;padding:16px;overflow:hidden}.pos-products{display:flex;flex-direction:column}.pos-search{display:flex;gap:8px}.pos-search input{font-size:14px;padding:14px}.category-tabs{display:flex;gap:7px;overflow:auto;padding:13px 0}.category-tabs button{border:1px solid #e4e7ee;background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:750;color:#6e7485;white-space:nowrap}.category-tabs button.active{background:#ece8ff;color:#5d46c7;border-color:#dcd5ff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;overflow:auto;padding-right:3px}.product-card{position:relative;border:1px solid #e7eaf0;background:#fff;border-radius:16px;padding:12px;text-align:left;min-height:155px;display:flex;flex-direction:column;transition:.17s}.product-card:hover{border-color:#9e8def;box-shadow:0 8px 22px rgba(87,63,186,.09);transform:translateY(-2px)}.product-image{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#eeeaff,#e5faf6);color:#5f47ca;display:grid;place-items:center;font-weight:900;margin-bottom:12px}.product-card strong{font-size:12px;line-height:1.25}.product-card small{font-size:8px;color:var(--muted);margin-top:4px}.product-card em{font-style:normal;font-size:11px;font-weight:800;color:var(--purple);margin-top:auto;padding-top:8px}.pos-cart{display:flex;flex-direction:column}.cart-head{display:flex;align-items:center;justify-content:space-between}.cart-head h2{margin:2px 0 10px}.cart-customer{margin-bottom:9px}.cart-items{flex:1;overflow:auto;min-height:180px}.empty-cart{height:100%;min-height:170px;display:grid;place-items:center;text-align:center;color:#a0a6b3;font-size:11px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto 24px;gap:8px;align-items:center;padding:10px 2px;border-bottom:1px solid #eef0f4}.cart-line>div:first-child{display:flex;flex-direction:column}.cart-line strong{font-size:11px}.cart-line small{font-size:8px;color:var(--muted);margin-top:3px}.qty-control{display:flex;align-items:center;border:1px solid #e3e6ed;border-radius:9px;overflow:hidden}.qty-control button{border:0;background:#f5f6f9;width:25px;height:27px}.qty-control span{min-width:26px;text-align:center;font-size:10px}.cart-line .remove{border:0;background:transparent;color:#b9bec8;font-size:17px}.cart-summary{padding:13px 0;border-top:1px solid #e9ecf2;display:grid;gap:8px}.cart-summary>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#697080}.cart-summary input{width:110px;padding:7px;text-align:right}.cart-summary .cart-total{font-size:16px;color:#1e2230;padding-top:9px;border-top:1px dashed #e0e3e9}.checkout-btn{width:100%}.checkout-dialog{border:0;border-radius:24px;padding:28px;width:min(600px,calc(100vw - 30px));box-shadow:0 50px 120px rgba(15,18,32,.3)}.checkout-dialog::backdrop{background:rgba(9,11,20,.58);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:#f0f2f6;width:34px;height:34px;border-radius:10px}.checkout-total{font-size:32px;font-weight:900;letter-spacing:-.04em;margin:12px 0 20px}.payment-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.payment-method{border:1px solid #e4e7ed;background:#fff;border-radius:14px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:4px}.payment-method>span{width:34px;height:34px;margin:auto;border-radius:10px;background:#f0edff;display:grid;place-items:center;color:var(--purple);font-weight:900}.payment-method strong{font-size:10px}.payment-method small{font-size:7px;color:var(--muted)}.payment-method.selected{border-color:#826ded;background:#faf9ff}.payment-details{margin:16px 0;display:grid;gap:10px}.payment-details label{font-size:10px;font-weight:800;color:#6f7687}.payment-info,.qr-placeholder{padding:13px;background:#f7f8fb;border-radius:12px;display:flex;flex-direction:column;gap:4px}.payment-info span{font-size:10px;color:var(--muted)}#posOfflineBadge{font-size:10px;color:#159b69;width:auto;padding:0 12px}#posOfflineBadge.offline{color:#c23c51;background:#fff1f3}.restaurant-layout{display:grid;grid-template-columns:1fr .72fr;gap:16px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.restaurant-table{border:1px solid #e4e7ee;border-radius:17px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:6px;min-height:110px}.restaurant-table>span{font-weight:850}.restaurant-table strong{font-size:9px;text-transform:uppercase;color:#15966a}.restaurant-table small{font-size:9px;color:var(--muted);margin-top:auto}.restaurant-table.table-occupied{border-color:#d7cef9;background:#f9f7ff}.restaurant-table.table-occupied strong{color:#6449cf}.order-timeline-list{display:grid;gap:8px}.order-timeline-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid #eceef3;padding:10px;border-radius:13px}.order-no{font-size:8px;background:#f0edff;color:#6048ca;border-radius:8px;padding:7px}.order-timeline-list div{display:flex;flex-direction:column}.order-timeline-list small{font-size:8px;color:var(--muted)}.restaurant-order-builder{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px}.restaurant-products{max-height:calc(100vh - 210px)}.order-side{position:sticky;top:105px;height:calc(100vh - 135px);display:flex;flex-direction:column}.order-side textarea{border:1px solid #e0e4ec;border-radius:11px;padding:10px;min-height:70px;margin:10px 0}.order-total-line{display:flex;justify-content:flex-end;gap:16px;font-size:16px;padding-top:15px}.status-actions{display:flex;flex-wrap:wrap;gap:8px}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.kds-ticket{background:#fff;border:1px solid #e4e7ee;border-radius:18px;overflow:hidden}.kds-ticket header{padding:14px 15px;display:flex;justify-content:space-between;background:#f6f7fb}.kds-ticket header div{display:flex;flex-direction:column}.kds-ticket header small{font-size:9px;color:var(--muted);margin-top:3px}.kds-ticket header>span{font-size:10px;color:var(--muted)}.kds-items{padding:12px 15px;display:grid;gap:9px;min-height:120px}.kds-items>div{display:grid;grid-template-columns:30px 1fr;gap:4px}.kds-items small{grid-column:2;font-size:9px;color:#a05f18}.kds-ticket footer{padding:12px 15px;border-top:1px solid #edf0f4}.kds-ticket footer .btn{width:100%}.kds-preparing{border-color:#d9d0fb}.kds-ready{border-color:#bfead8}.empty-kds{grid-column:1/-1;min-height:260px;border:1px dashed #dfe3eb;border-radius:18px;display:grid;place-items:center;align-content:center;color:var(--muted)}.empty-kds strong{font-size:18px;color:#303544}.receipt-body{background:#eef1f5;padding:24px}.receipt-actions{max-width:780px;margin:0 auto 12px;display:flex;gap:7px;flex-wrap:wrap}.receipt-paper{width:min(780px,100%);margin:auto;background:white;padding:48px;box-shadow:0 20px 55px rgba(25,30,50,.12);border-radius:8px}.receipt-paper header{text-align:center;border-bottom:1px solid #e7e9ef;padding-bottom:22px}.receipt-logo{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--purple),var(--teal));color:#fff;display:grid;place-items:center;font-weight:900;font-size:25px;margin:auto}.receipt-paper header h1{margin:10px 0 5px}.receipt-paper header p{font-size:10px;color:var(--muted);line-height:1.5}.receipt-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 0}.receipt-meta div{display:flex;flex-direction:column}.receipt-meta span{font-size:8px;color:var(--muted);text-transform:uppercase}.receipt-meta strong{font-size:10px;margin-top:4px}.receipt-table{width:100%;border-collapse:collapse}.receipt-table th,.receipt-table td{padding:10px 7px;border-bottom:1px solid #eef0f4;text-align:right;font-size:10px}.receipt-table th:first-child,.receipt-table td:first-child{text-align:left}.receipt-totals{margin-left:auto;width:min(330px,100%);padding-top:16px;display:grid;gap:8px}.receipt-totals div,.receipt-payments>div{display:flex;justify-content:space-between;font-size:10px}.receipt-totals .grand{font-size:16px;border-block:1px solid #dde1e9;padding:10px 0}.receipt-payments{border-top:1px solid #e9ecf2;margin-top:18px;padding-top:15px}.proof-form{display:flex;gap:8px;margin-top:8px}.receipt-paper footer{text-align:center;margin-top:35px;color:var(--muted);font-size:9px}.receipt-paper footer strong{color:#272c39}.legal-page{background:#f7f8fb;padding:65px 24px}.legal-wrap{max-width:830px;margin:auto;background:white;border:1px solid #e7eaf1;border-radius:24px;padding:48px;box-shadow:var(--shadow)}.legal-wrap h1{font-size:40px;letter-spacing:-.04em}.legal-wrap h2{font-size:18px;margin-top:28px}.legal-wrap p{color:#646c7e;line-height:1.75}.legal-note{border-top:1px solid #e8ebf1;margin-top:34px;padding-top:20px;font-size:11px}.menu-page{min-height:100vh;background:#f5f6fa;padding:35px 24px 80px}.menu-hero{max-width:960px;margin:auto;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e6e9f0;border-radius:24px;padding:24px}.menu-hero h1{margin:3px 0}.menu-hero p{margin:0;color:var(--muted);font-size:12px}.menu-category{max-width:960px;margin:34px auto}.menu-category h2{font-size:20px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-grid article{display:flex;gap:13px;background:#fff;border:1px solid #e6e9f0;border-radius:17px;padding:14px}.menu-img{width:64px;height:64px;border-radius:15px;background:linear-gradient(135deg,#eeeaff,#e5faf6);display:grid;place-items:center;color:var(--purple);font-weight:900;flex:0 0 auto}.menu-grid h3{font-size:13px;margin:2px 0 5px}.menu-grid p{font-size:9px;color:var(--muted);margin:0 0 8px}.menu-grid strong{font-size:11px;color:var(--purple)}.installer-body{min-height:100vh;background:radial-gradient(circle at 20% 15%,#dcd5ff,transparent 30%),#f4f6fa;padding:35px}.installer-shell{max-width:880px;margin:auto}.installer-shell>.brand-lockup{margin-bottom:18px}.install-card{background:#fff;border:1px solid #e4e8ef;border-radius:28px;padding:35px;box-shadow:var(--shadow)}.install-card h1{font-size:38px;letter-spacing:-.04em;margin:8px 0}.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.requirement{padding:9px;border-radius:10px;font-size:10px;font-weight:750;background:#f5f6fa}.requirement span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:6px;margin-right:6px}.requirement.ok span{background:#ddf6ec;color:#087951}.requirement.bad span{background:#ffe6ea;color:#b3324a}.success-orb{width:72px;height:72px;border-radius:22px;background:#e5f8ef;color:#07805a;display:grid;place-items:center;font-size:34px;font-weight:900}.alert{padding:12px 14px;border-radius:12px;font-size:11px}.alert-danger{background:#fff0f2;color:#ac2943;border:1px solid #ffd8df}.alert-success{background:#eaf8f2;color:#08754f;border:1px solid #cff0e2}.toast{position:fixed;top:90px;right:20px;z-index:100;padding:13px 16px;border-radius:12px;box-shadow:0 15px 40px rgba(20,25,45,.18);font-size:11px;font-weight:750;animation:toastIn .25s ease}.toast-error{background:#31171e;color:#ffdce3}.toast-success{background:#123426;color:#d8ffef}@keyframes toastIn{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}.error-page{min-height:70vh;display:grid;place-items:center;align-content:center;text-align:center}.error-code{font-size:90px;font-weight:950;letter-spacing:-.06em;color:#e2def9}.error-page h1{margin:0}.error-page p{color:var(--muted)}.mobile-nav{display:none}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{max-width:700px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.side-form{position:static}.pos-shell{grid-template-columns:minmax(0,1fr) 340px}.restaurant-order-builder{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:980px){.sidebar{transform:translateX(-105%);transition:.24s;box-shadow:20px 0 60px rgba(10,12,20,.24)}.sidebar.open{transform:none}.app-main{margin-left:0;padding-bottom:65px}.menu-btn{display:block}.topbar{padding:0 16px}.topbar>div:nth-child(2){margin-right:auto;margin-left:12px}.page-content{padding:16px}.dashboard-grid,.restaurant-layout{grid-template-columns:1fr}.pos-shell{height:auto;min-height:0;grid-template-columns:1fr}.pos-products{min-height:600px}.pos-cart{min-height:500px}.restaurant-order-builder{grid-template-columns:1fr}.order-side{position:static;height:auto;min-height:450px}.mobile-nav{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;height:62px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-top:1px solid #e6e9ef;justify-content:space-around;align-items:center}.mobile-nav a{font-size:9px;font-weight:750;color:#616879}.public-nav nav a:not(.btn){display:none}.public-footer{grid-template-columns:1fr}.cta{margin-inline:20px}.form-grid{grid-template-columns:1fr}.form-grid h3,.form-grid .wide{grid-column:auto}.auth-card,.auth-card.onboarding{grid-template-columns:1fr}.auth-side{padding:32px}.auth-form{padding:32px}}
@media(max-width:680px){.public-nav{padding:0 16px;height:68px}.brand-mark{width:38px;height:38px}.hero{padding:45px 18px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.dashboard-preview{padding:11px;border-radius:20px;transform:none}.preview-stats{grid-template-columns:1fr}.preview-stats article:nth-child(n+2){display:none}.preview-grid{grid-template-columns:1fr}.mini-list{display:none}.section{padding:75px 18px}.section-heading h2{font-size:34px}.feature-grid,.industry-grid,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.cta{padding:30px;flex-direction:column;align-items:flex-start}.cta h2{font-size:27px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:20px}.user-pill div{display:none}.page-content{padding:10px}.panel{padding:14px;border-radius:16px}.toolbar{align-items:stretch;flex-direction:column}.search-bar{max-width:none}.detail-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-products{padding:10px}.pos-cart{padding:12px}.payment-method-grid{grid-template-columns:repeat(2,1fr)}.receipt-body{padding:0}.receipt-paper{padding:25px 18px;border-radius:0;box-shadow:none}.receipt-meta{grid-template-columns:1fr 1fr}.receipt-actions{padding:10px}.menu-grid{grid-template-columns:1fr}.menu-hero{align-items:flex-start}.requirement-grid{grid-template-columns:1fr}.install-card{padding:24px}.installer-body{padding:18px}.two{grid-template-columns:1fr}.checkout-dialog{padding:22px}.legal-wrap{padding:28px 22px}.legal-wrap h1{font-size:32px}.top-actions .icon-btn{display:none}}
@media print{.no-print,.sidebar,.topbar,.mobile-nav{display:none!important}.app-main{margin:0}.receipt-body{padding:0;background:#fff}.receipt-paper{box-shadow:none;width:100%;padding:10mm}.receipt-paper{font-size:10pt}}
.impersonation-bar{position:sticky;top:0;z-index:35;margin-left:0;min-height:46px;background:#171329;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.impersonation-bar div{display:flex;align-items:center;gap:10px}.impersonation-bar strong{font-size:11px;color:#cfc6ff;text-transform:uppercase;letter-spacing:.08em}.impersonation-bar span{font-size:11px;color:#d8d9e2}.impersonation-bar button,.impersonation-exit{border:1px solid #3c355f;background:#28213f;color:#fff;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800}.impersonation-exit{width:100%;text-align:center}.credential-card{border:1px solid #cfc6ff;background:linear-gradient(135deg,#f5f2ff,#f7fffd);border-radius:18px;padding:18px;margin-bottom:18px}.credential-card h3{margin:5px 0 6px}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.credential-grid>div{background:#fff;border:1px solid #e3e5ee;border-radius:12px;padding:11px;min-width:0}.credential-grid small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.credential-grid strong,.credential-grid code{display:block;margin-top:5px;font-size:12px;word-break:break-all}.credential-password{font-size:16px!important;color:#4f35bf}.business-control-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.subdomain-status{padding:11px 13px;border-radius:12px;font-size:11px;margin:12px 0}.subdomain-status.ok{background:#eaf8f2;color:#08754f}.subdomain-status.warn{background:#fff7e8;color:#8b5c09}.password-reset-box{border-top:1px solid #eceef4;margin-top:18px;padding-top:16px}.password-reset-box h4{margin:0 0 8px}.password-reset-box p{font-size:10px;color:var(--muted)}@media(max-width:680px){.impersonation-bar{padding:8px 12px;align-items:flex-start}.impersonation-bar div{align-items:flex-start;flex-direction:column;gap:2px}.credential-grid{grid-template-columns:1fr}}

/* DigiPos 1.0.2 Premium UI refresh */
.premium-ui{--dp-purple:#7357ff;--dp-violet:#9169ff;--dp-cyan:#1ec8c2;--dp-navy:#0c1020;--dp-soft:#f4f6fb;--dp-border:rgba(119,128,158,.16);background:radial-gradient(circle at 85% -10%,rgba(115,87,255,.10),transparent 26%),radial-gradient(circle at 18% 105%,rgba(30,200,194,.08),transparent 30%),#f4f6fb}
.premium-ui .sidebar{background:linear-gradient(180deg,#0d1120 0%,#111626 64%,#0a0e1a 100%);border-right:1px solid rgba(255,255,255,.05);box-shadow:18px 0 50px rgba(8,11,24,.10);padding:20px 14px 14px;display:flex;flex-direction:column;height:100vh;position:fixed;inset:0 auto 0 0;z-index:50}
.premium-ui .sidebar-brand{padding:4px 8px 17px;margin-bottom:4px}.premium-ui .sidebar-brand strong{color:#fff}.premium-ui .brand-mark{border-radius:16px;background:linear-gradient(145deg,#7d5bff 0%,#4f6fff 48%,#1ec8c2 100%);box-shadow:0 12px 34px rgba(104,78,255,.36),inset 0 1px 0 rgba(255,255,255,.32)}
.premium-ui .tenant-chip{margin:8px 0 14px;padding:12px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.premium-ui .tenant-chip strong{color:#fff}.premium-ui .tenant-chip small{color:#8490ab}
.premium-ui .side-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 3px 14px;scrollbar-width:thin;scrollbar-color:#424b66 transparent}
.premium-ui .side-nav::-webkit-scrollbar{width:5px}.premium-ui .side-nav::-webkit-scrollbar-thumb{background:#424b66;border-radius:99px}
.premium-ui .side-nav .nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;margin:3px 0;border-radius:14px;color:#aab3cb;font-weight:680;font-size:13px;transition:.2s ease;border:1px solid transparent}
.premium-ui .side-nav .nav-item:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateX(2px)}
.premium-ui .side-nav .nav-item.active{color:#fff;background:linear-gradient(105deg,rgba(115,87,255,.30),rgba(115,87,255,.11));border-color:rgba(145,105,255,.30);box-shadow:0 10px 28px rgba(49,31,122,.20),inset 0 1px 0 rgba(255,255,255,.07)}
.premium-ui .side-nav .nav-item.active:before{content:"";position:absolute;left:-4px;top:9px;bottom:9px;width:3px;border-radius:99px;background:linear-gradient(#9b7cff,#22d1c5);box-shadow:0 0 14px rgba(130,98,255,.8)}
.premium-ui .nav-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.04);transition:.2s}.premium-ui .nav-item.active .nav-icon{background:linear-gradient(145deg,#7f60ff,#6244e9);box-shadow:0 7px 18px rgba(98,68,233,.34)}
.premium-ui .nav-icon svg,.premium-ui .top-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.premium-ui .nav-icon svg rect{fill:none}
.premium-ui .sidebar-bottom{padding:10px 0 0;border-top:1px solid rgba(255,255,255,.065);display:grid;gap:8px}.premium-ui .logout-btn,.premium-ui .impersonation-exit{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#bcc6dd;border-radius:12px;padding:10px 12px;text-align:left}.premium-ui .impersonation-exit{color:#fff;background:linear-gradient(135deg,rgba(115,87,255,.22),rgba(30,200,194,.12))}
.premium-ui .app-main{min-height:100vh;background:transparent}
.premium-ui .topbar{height:82px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(119,128,158,.13);box-shadow:0 8px 30px rgba(24,31,54,.03);padding:0 28px;position:sticky;top:0;z-index:34}
.premium-ui .topbar h1{font-size:20px;letter-spacing:-.025em;margin:3px 0 0}.premium-ui .top-actions{gap:9px}.premium-ui .top-icon{height:42px;min-width:42px;border-radius:13px;border:1px solid #e2e6f0;background:rgba(255,255,255,.88);display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#566078;box-shadow:0 5px 18px rgba(30,36,62,.055);padding:0 12px;transition:.2s}.premium-ui .top-icon:hover{transform:translateY(-2px);border-color:#cfc7ff;color:#6e50f4;box-shadow:0 10px 24px rgba(87,64,184,.12)}.premium-ui .top-icon>span{font-size:11px;font-weight:800}.premium-ui .install-top{background:linear-gradient(135deg,#7357ff,#6745f1);color:#fff;border-color:transparent;box-shadow:0 9px 24px rgba(98,71,229,.22)}
.premium-ui .user-pill{border:1px solid #e4e7f0;background:rgba(255,255,255,.9);border-radius:15px;padding:7px 11px 7px 7px;box-shadow:0 5px 20px rgba(30,36,62,.045)}.premium-ui .user-pill>span{background:linear-gradient(135deg,#e9e5ff,#d9f8f5);color:#6044d5}
.premium-ui .notification-wrap{position:relative}.premium-ui .notification-trigger{position:relative}.premium-ui .notification-badge{position:absolute;right:-4px;top:-5px;background:#ff4d6d;color:#fff;min-width:17px;height:17px;padding:0 4px;border-radius:99px;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.premium-ui .notification-popover{position:absolute;right:0;top:52px;width:350px;background:rgba(255,255,255,.97);border:1px solid #e5e8f1;border-radius:18px;box-shadow:0 25px 70px rgba(25,28,50,.17);padding:10px;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transform-origin:top right;transition:.18s;z-index:80}.premium-ui .notification-popover.open{opacity:1;visibility:visible;transform:none}.premium-ui .notification-head{padding:8px 9px 12px;display:flex;justify-content:space-between;align-items:center}.premium-ui .notification-head span{font-size:10px;color:#8a91a3}.premium-ui .notification-list{display:grid;gap:4px;max-height:340px;overflow:auto}.premium-ui .notification-row{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:11px;border-radius:13px}.premium-ui .notification-row:hover{background:#f5f4ff}.premium-ui .notification-row i{width:7px;height:7px;border-radius:99px;background:#cfd4df;margin-top:5px}.premium-ui .notification-row.unread i{background:#7658ff;box-shadow:0 0 0 4px #eeeaff}.premium-ui .notification-row strong,.premium-ui .notification-row small{display:block}.premium-ui .notification-row strong{font-size:12px}.premium-ui .notification-row small{font-size:10px;color:#7b8293;line-height:1.45;margin-top:3px}.premium-ui .notification-empty{text-align:center;padding:25px 15px}.premium-ui .notification-empty>span{width:40px;height:40px;border-radius:13px;background:#ebfaf5;color:#15976d;display:grid;place-items:center;margin:auto auto 8px}.premium-ui .notification-empty strong,.premium-ui .notification-empty small{display:block}.premium-ui .notification-empty small{color:#858c9c;margin-top:4px}
.premium-ui .impersonation-bar{min-height:49px;background:linear-gradient(100deg,#5d42dc,#7554f3 52%,#188f92);color:#fff;padding:7px 28px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;box-shadow:0 8px 28px rgba(78,53,181,.16);position:relative;z-index:36}.premium-ui .impersonation-icon{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-weight:900;border:1px solid rgba(255,255,255,.18)}.premium-ui .impersonation-bar strong,.premium-ui .impersonation-bar span{display:block}.premium-ui .impersonation-bar strong{font-size:12px}.premium-ui .impersonation-bar span{font-size:10px;color:#eeeaff;margin-top:1px}.premium-ui .impersonation-bar .btn{box-shadow:none}
.premium-ui .page-content{padding:28px;max-width:1700px;margin:0 auto}
.premium-ui .panel,.premium-ui .business-hero,.premium-ui .stat-card{border:1px solid rgba(132,142,170,.17);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(251,252,255,.92));box-shadow:0 17px 50px rgba(27,34,60,.065),inset 0 1px 0 #fff}.premium-ui .panel{border-radius:22px}.premium-ui .stat-card{border-radius:20px;transition:.25s}.premium-ui .stat-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(31,39,71,.10)}.premium-ui .stat-card.gradient{background:linear-gradient(135deg,#6d4ff2 0%,#7759e7 48%,#4199a3 100%);box-shadow:0 20px 45px rgba(92,65,212,.22)}
.premium-ui .business-hero{border-radius:24px;background:radial-gradient(circle at 84% 20%,rgba(113,80,255,.13),transparent 31%),linear-gradient(145deg,#fff,#fbfaff)}
.premium-ui .business-avatar{box-shadow:0 13px 30px rgba(84,69,199,.20),inset 0 1px 0 rgba(255,255,255,.3)}
.premium-ui .detail-grid>div{background:linear-gradient(145deg,#f8f9fd,#f4f6fb);border:1px solid #eef0f6;border-radius:15px;padding:13px}.premium-ui .detail-grid dd a{color:#5f46df;font-weight:700}
.premium-ui .btn{border-radius:13px;transition:.2s cubic-bezier(.2,.8,.2,1)}.premium-ui .btn-primary{background:linear-gradient(135deg,#7357ff,#6743ee);box-shadow:0 10px 25px rgba(103,67,238,.25)}.premium-ui .btn-secondary{background:linear-gradient(#fff,#f7f8fb);border:1px solid #dfe4ee;box-shadow:0 4px 12px rgba(33,40,67,.04)}.premium-ui .btn:disabled{opacity:.48;cursor:not-allowed;transform:none}
.premium-ui .control-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.premium-ui .control-action-form{margin:0}.premium-ui .control-action{width:100%;min-height:78px;border:1px solid #e4e7f0;background:linear-gradient(145deg,#fff,#f7f9fd);border-radius:17px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left;color:#252a3a;transition:.22s;box-shadow:0 6px 18px rgba(31,37,63,.04)}button.control-action{font:inherit;cursor:pointer}.premium-ui .control-action:hover{transform:translateY(-2px);border-color:#cfc7ff;box-shadow:0 14px 30px rgba(72,52,159,.10)}.premium-ui .control-action.primary{background:linear-gradient(135deg,#6f51ef,#7659ff 55%,#4e87c8);color:#fff;border-color:transparent;box-shadow:0 14px 32px rgba(101,72,221,.22)}.premium-ui .control-action-icon{flex:0 0 39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#eeeaff;color:#6448df;font-weight:900}.premium-ui .control-action.primary .control-action-icon{background:rgba(255,255,255,.18);color:#fff}.premium-ui .control-action>span:last-child{min-width:0}.premium-ui .control-action strong,.premium-ui .control-action small{display:block}.premium-ui .control-action strong{font-size:12px}.premium-ui .control-action small{font-size:10px;color:#7d8496;margin-top:4px;white-space:normal;line-height:1.35}.premium-ui .control-action.primary small{color:#e8e4ff}
.premium-ui .subdomain-status{border-radius:14px;padding:12px 14px;margin:13px 0;font-size:11px;line-height:1.55}.premium-ui .subdomain-status.ok{background:#ecfaf6;border:1px solid #ccefe2;color:#126e55}.premium-ui .subdomain-status.warn{background:#fff8e9;border:1px solid #f2dfb2;color:#7d5c17}.premium-ui .subdomain-status a{text-decoration:underline;text-underline-offset:2px}
.premium-ui .password-reset-box{border:1px solid #e7e9f1;border-radius:17px;padding:15px;background:linear-gradient(145deg,#fbfbfe,#f7f8fc)}
.premium-ui .restaurant-table{transition:.22s;box-shadow:0 8px 20px rgba(27,34,60,.045)}.premium-ui .restaurant-table:hover{transform:translateY(-4px) scale(1.015);border-color:#cfc5ff;box-shadow:0 18px 34px rgba(72,50,160,.12)}
.premium-ui .product-card{transition:.22s;box-shadow:0 7px 17px rgba(28,35,62,.04)}.premium-ui .product-card:hover{transform:translateY(-3px);border-color:#cfc5ff;box-shadow:0 15px 30px rgba(72,50,160,.10)}
.premium-ui .premium-empty-state{min-height:330px;border:1px dashed #d7d9e8;border-radius:22px;background:radial-gradient(circle at 30% 20%,rgba(115,87,255,.08),transparent 31%),linear-gradient(145deg,#fff,#f8f9fd);display:grid;grid-template-columns:90px minmax(0,430px);align-items:center;justify-content:center;gap:24px;padding:40px}.premium-ui .empty-visual{width:86px;height:86px;border-radius:27px;display:grid;place-items:center;font-size:38px;background:linear-gradient(145deg,#ece8ff,#e3fbf8);box-shadow:0 15px 35px rgba(72,50,160,.10)}.premium-ui .premium-empty-state h3{font-size:24px;letter-spacing:-.03em;margin:7px 0}.premium-ui .premium-empty-state p{color:#747c8f;line-height:1.6;margin:0 0 18px}
.premium-ui .settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:18px}.premium-ui .settings-card{padding:22px}.premium-ui .settings-form{margin-top:20px;padding-top:20px;border-top:1px solid #eceef4}.premium-ui .hostinger-card{background:radial-gradient(circle at 88% 4%,rgba(115,87,255,.10),transparent 34%),linear-gradient(145deg,#fff,#fbfbff)}.premium-ui .automation-badge{font-size:10px;font-weight:850;border-radius:99px;padding:7px 10px}.premium-ui .automation-badge.online{background:#e9f9f3;color:#13835e}.premium-ui .automation-badge.offline{background:#fff5e3;color:#9a6810}.premium-ui .hostinger-form{margin-top:16px}.premium-ui .toggle-setting{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;border:1px solid #e7e9f1;border-radius:15px;padding:13px!important;background:#fafbfe;gap:15px!important}.premium-ui .toggle-setting>span{display:grid;gap:3px}.premium-ui .toggle-setting>span strong{font-size:12px;color:#272c3b;text-transform:none;letter-spacing:normal}.premium-ui .toggle-setting>span small{font-size:10px;color:#7d8496;text-transform:none;letter-spacing:normal}.premium-ui .toggle-setting input{display:none}.premium-ui .toggle-setting i{width:44px;height:24px;border-radius:99px;background:#d5d9e4;position:relative;transition:.2s;flex:0 0 auto}.premium-ui .toggle-setting i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.2s}.premium-ui .toggle-setting input:checked+i{background:linear-gradient(135deg,#7455ff,#22bfb6)}.premium-ui .toggle-setting input:checked+i:after{left:23px}.premium-ui .security-note{display:flex;gap:10px;padding:12px;border-radius:14px;background:#f1f8ff;border:1px solid #dbeafd}.premium-ui .security-note strong,.premium-ui .security-note small{display:block}.premium-ui .security-note strong{font-size:11px}.premium-ui .security-note small{font-size:10px;color:#6d7890;margin-top:3px;line-height:1.45}.premium-ui .test-hostinger-form{margin-top:9px}.premium-ui .setting-help{font-size:10px;line-height:1.6;margin:13px 0 0}
.premium-ui .quick-actions a{transition:.22s}.premium-ui .quick-actions a:hover{transform:translateY(-2px);border-color:#cfc7ff;box-shadow:0 12px 28px rgba(67,51,143,.08)}
.premium-ui table tbody tr{transition:.15s}.premium-ui table tbody tr:hover{background:#faf9ff}
@media(max-width:1180px){.premium-ui .settings-grid{grid-template-columns:1fr}.premium-ui .control-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.premium-ui .sidebar{position:fixed}.premium-ui .page-content{padding:20px}.premium-ui .topbar{padding:0 18px}.premium-ui .impersonation-bar{padding:8px 16px;grid-template-columns:32px 1fr}.premium-ui .impersonation-bar form{grid-column:1/-1}.premium-ui .impersonation-bar .btn{width:100%}.premium-ui .install-top span{display:none}.premium-ui .top-icon{padding:0;min-width:40px}.premium-ui .notification-popover{right:-54px;width:min(350px,calc(100vw - 30px))}}
@media(max-width:640px){.premium-ui .page-content{padding:14px}.premium-ui .topbar{height:70px;padding:0 12px}.premium-ui .topbar h1{font-size:17px}.premium-ui .topbar .eyebrow{font-size:9px}.premium-ui .user-pill>div{display:none}.premium-ui .user-pill{padding:5px}.premium-ui .control-action-grid{grid-template-columns:1fr}.premium-ui .premium-empty-state{grid-template-columns:1fr;text-align:center;padding:28px 20px}.premium-ui .empty-visual{margin:auto}.premium-ui .settings-card{padding:17px}}

/* ========================================================================== 
   DigiPos 1.0.3 — Aurora Glass UI System
   Cache-busted premium redesign: glossy / bubbly / dimensional / Gen-Z SaaS
   ========================================================================== */
:root{
  --dp-violet:#6f5cff;--dp-violet-2:#8b5cf6;--dp-indigo:#4f67ff;--dp-cyan:#25c7d9;
  --dp-mint:#30d5b5;--dp-pink:#ff6ba8;--dp-ink:#12172a;--dp-ink-2:#1b2140;
  --dp-surface:rgba(255,255,255,.82);--dp-stroke:rgba(91,99,132,.14);
  --dp-shadow:0 24px 70px rgba(40,47,86,.12);--dp-soft-shadow:0 12px 32px rgba(38,45,82,.08);
}
.premium-ui.app-body{
  background:
    radial-gradient(circle at 12% -4%,rgba(122,94,255,.14),transparent 26%),
    radial-gradient(circle at 96% 2%,rgba(37,199,217,.13),transparent 24%),
    linear-gradient(180deg,#f8f9ff 0%,#f4f7fc 42%,#f7f9fd 100%);
  min-height:100vh;
}
.premium-ui.app-body:before,.premium-ui.app-body:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1;opacity:.5}
.premium-ui.app-body:before{width:260px;height:260px;background:#a994ff;right:4%;top:14%}
.premium-ui.app-body:after{width:220px;height:220px;background:#75e1da;left:18%;bottom:6%}

/* Sidebar */
.premium-ui .sidebar{
  width:286px;padding:18px 14px 14px;
  background:
    radial-gradient(circle at 14% 6%,rgba(139,92,246,.30),transparent 23%),
    radial-gradient(circle at 98% 35%,rgba(37,199,217,.16),transparent 24%),
    linear-gradient(180deg,#101427 0%,#11182d 45%,#0b1020 100%);
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:22px 0 80px rgba(11,16,35,.14);overflow:hidden;
}
.premium-ui .sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 35%);pointer-events:none}
.premium-ui .sidebar-brand{position:relative;padding:5px 7px 16px;margin-bottom:4px;z-index:1}
.premium-ui .sidebar-brand .brand-mark{
  width:46px;height:46px;border-radius:16px;
  background:linear-gradient(145deg,#8d66ff 0%,#5f70ff 48%,#22c9cc 100%);
  box-shadow:0 15px 34px rgba(94,74,232,.40),inset 0 2px 1px rgba(255,255,255,.35),inset 0 -2px 6px rgba(40,32,110,.25);
}
.premium-ui .sidebar-brand strong{font-size:21px;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(255,255,255,.05)}
.premium-ui .sidebar-brand span{color:#8995b6;font-size:9px}
.premium-ui .tenant-chip{
  position:relative;margin:4px 1px 11px;padding:11px;border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 25px rgba(0,0,0,.12)
}
.premium-ui .tenant-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#765cff,#35c9c7);box-shadow:0 8px 20px rgba(67,65,184,.28)}
.premium-ui .side-nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding:2px 2px 18px;scrollbar-width:thin;scrollbar-color:rgba(155,166,203,.28) transparent}
.premium-ui .side-nav::-webkit-scrollbar{width:5px}.premium-ui .side-nav::-webkit-scrollbar-track{background:transparent}.premium-ui .side-nav::-webkit-scrollbar-thumb{background:rgba(154,166,202,.26);border-radius:99px}
.premium-ui .nav-section-label{margin:12px 11px 5px;font-size:8px;line-height:1;letter-spacing:.17em;font-weight:900;color:#627090;text-transform:uppercase}
.premium-ui .nav-section-label:first-child{margin-top:4px}
.premium-ui .side-nav .nav-item{
  min-height:43px;padding:7px 10px;border-radius:15px;color:#aab5d0;font-size:12px;font-weight:760;gap:10px;
  border:1px solid transparent;background:transparent;transform:translateZ(0);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.premium-ui .side-nav .nav-item:hover{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-color:rgba(255,255,255,.07);transform:translateX(3px)}
.premium-ui .side-nav .nav-item.active{
  color:#fff;background:
    radial-gradient(circle at 14% 20%,rgba(255,255,255,.20),transparent 23%),
    linear-gradient(100deg,rgba(124,92,255,.62),rgba(92,75,224,.38) 58%,rgba(34,201,204,.20));
  border-color:rgba(168,145,255,.42);
  box-shadow:0 13px 28px rgba(50,35,132,.27),inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(12,13,39,.18)
}
.premium-ui .side-nav .nav-item.active:before{left:-2px;top:10px;bottom:10px;width:4px;background:linear-gradient(#c7b4ff,#4cf4de);box-shadow:0 0 18px rgba(116,99,255,.95)}
.premium-ui .nav-icon{
  width:31px;height:31px;border-radius:11px;flex:0 0 31px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)
}
.premium-ui .nav-item.active .nav-icon{
  background:linear-gradient(145deg,#9072ff,#5a63ed 55%,#2bbfc9);
  border-color:rgba(255,255,255,.18);box-shadow:0 8px 18px rgba(69,49,182,.38),inset 0 1px 0 rgba(255,255,255,.28)
}
.premium-ui .nav-icon svg{width:16px;height:16px;stroke-width:1.9}
.premium-ui .sidebar-bottom{position:relative;z-index:1;margin-top:0;padding:11px 1px 0;background:linear-gradient(180deg,rgba(13,18,35,0),rgba(13,18,35,.88) 25%);border-top:1px solid rgba(255,255,255,.07)}
.premium-ui .logout-btn,.premium-ui .impersonation-exit{border-radius:14px;min-height:41px;padding:9px 12px;font-size:11px;font-weight:750;transition:.18s}
.premium-ui .logout-btn:hover,.premium-ui .impersonation-exit:hover{transform:translateY(-1px);border-color:rgba(160,142,255,.35);background:rgba(124,92,255,.10)}

/* Main shell and header */
.premium-ui .app-main{margin-left:286px;min-width:0}
.premium-ui .topbar{
  height:80px;padding:0 28px;
  background:rgba(250,251,255,.72);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
  border-bottom:1px solid rgba(108,118,155,.12);box-shadow:0 12px 30px rgba(35,42,76,.035)
}
.premium-ui .topbar .eyebrow{font-size:9px;letter-spacing:.19em;color:#7459f5}
.premium-ui .topbar h1{font-size:20px;font-weight:820;letter-spacing:-.035em;color:#171c2d}
.premium-ui .top-actions{gap:10px}
.premium-ui .top-icon{
  height:44px;min-width:44px;border-radius:15px;border:1px solid rgba(112,121,157,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,248,255,.87));
  color:#59647e;box-shadow:0 8px 22px rgba(43,49,83,.075),inset 0 1px 0 rgba(255,255,255,.95);padding:0 13px
}
.premium-ui .top-icon:hover{color:#6751ec;border-color:rgba(111,92,255,.28);box-shadow:0 13px 30px rgba(75,59,169,.13);transform:translateY(-2px)}
.premium-ui .install-top{background:linear-gradient(135deg,#7c60ff,#5d65f2 58%,#24bec6);color:#fff;border:0;box-shadow:0 12px 28px rgba(93,76,219,.27),inset 0 1px 0 rgba(255,255,255,.28)}
.premium-ui .user-pill{
  min-height:47px;padding:6px 12px 6px 7px;border-radius:17px;border:1px solid rgba(113,121,157,.14);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,248,255,.86));
  box-shadow:0 9px 24px rgba(41,48,81,.07),inset 0 1px 0 rgba(255,255,255,.95)
}
.premium-ui .user-pill>span{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#e8e3ff,#d9f8f5);box-shadow:inset 0 1px 0 #fff;color:#6349dc}
.premium-ui .notification-popover{top:54px;width:370px;border-radius:22px;padding:10px;border:1px solid rgba(110,119,154,.15);box-shadow:0 32px 85px rgba(24,29,55,.22);background:rgba(255,255,255,.96);backdrop-filter:blur(22px)}

/* Master impersonation */
.premium-ui .impersonation-bar{
  min-height:50px;padding:8px 28px;
  background:linear-gradient(100deg,#5d4ee4 0%,#7754ef 46%,#259eb3 100%);
  box-shadow:0 12px 34px rgba(68,52,170,.20);border-bottom:1px solid rgba(255,255,255,.12)
}
.premium-ui .impersonation-icon{border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}

/* Content, glass panels and 3D cards */
.premium-ui .page-content{padding:30px;max-width:1760px}
.premium-ui .panel,.premium-ui .business-hero,.premium-ui .stat-card,.premium-ui .auth-card{
  border:1px solid rgba(106,115,151,.13);
  background:
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(250,251,255,.90));
  box-shadow:0 22px 60px rgba(39,46,82,.075),inset 0 1px 0 rgba(255,255,255,.98)
}
.premium-ui .panel{border-radius:26px}
.premium-ui .business-hero{
  border-radius:28px;padding:24px;
  background:
    radial-gradient(circle at 86% 5%,rgba(125,92,255,.14),transparent 28%),
    radial-gradient(circle at 72% 120%,rgba(37,199,217,.11),transparent 30%),
    linear-gradient(145deg,#fff,#fbfbff)
}
.premium-ui .business-avatar{width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#7661ff,#5d69ef 54%,#26c5cb);box-shadow:0 16px 36px rgba(81,65,197,.25),inset 0 1px 0 rgba(255,255,255,.34)}
.premium-ui .stat-card{border-radius:24px;padding:23px;position:relative;overflow:hidden}
.premium-ui .stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-38px;top:-42px;background:rgba(111,92,255,.06)}
.premium-ui .stat-card.gradient{background:linear-gradient(135deg,#7358ef 0%,#765ee4 45%,#3197ac 100%);box-shadow:0 22px 46px rgba(93,69,206,.25),inset 0 1px 0 rgba(255,255,255,.22)}
.premium-ui .panel-head h2{letter-spacing:-.035em}
.premium-ui .detail-grid>div{border-radius:17px;background:linear-gradient(145deg,#fbfcff,#f3f6fc);border:1px solid rgba(108,117,152,.09);box-shadow:inset 0 1px 0 #fff}
.premium-ui input,.premium-ui select,.premium-ui textarea{
  border-radius:14px!important;border-color:rgba(101,110,145,.17)!important;background:linear-gradient(145deg,#fff,#f8faff)!important;
  box-shadow:inset 0 1px 2px rgba(40,48,82,.025);transition:border-color .18s,box-shadow .18s,transform .18s
}
.premium-ui input:focus,.premium-ui select:focus,.premium-ui textarea:focus{border-color:rgba(111,92,255,.45)!important;box-shadow:0 0 0 4px rgba(111,92,255,.08)!important}

/* Buttons */
.premium-ui .btn{min-height:42px;border-radius:14px;font-weight:800;letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.premium-ui .btn-primary{background:linear-gradient(135deg,#7b60ff 0%,#6655ef 54%,#37b7c8 120%);box-shadow:0 13px 28px rgba(93,70,217,.27),inset 0 1px 0 rgba(255,255,255,.30)}
.premium-ui .btn-primary:hover{box-shadow:0 18px 38px rgba(93,70,217,.32);transform:translateY(-2px)}
.premium-ui .btn-secondary{background:linear-gradient(145deg,#fff,#f2f5fb);border:1px solid rgba(104,113,149,.16);box-shadow:0 8px 19px rgba(40,47,81,.065),inset 0 1px 0 #fff}

/* Business action center */
.premium-ui .control-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}
.premium-ui .control-action{
  min-height:92px;border-radius:20px;padding:15px;border:1px solid rgba(99,109,145,.13);
  background:
    radial-gradient(circle at 100% 0,rgba(111,92,255,.08),transparent 35%),
    linear-gradient(145deg,#fff,#f5f8fd);
  box-shadow:0 12px 26px rgba(39,46,80,.07),inset 0 1px 0 #fff
}
.premium-ui .control-action:hover{transform:translateY(-3px);border-color:rgba(111,92,255,.25);box-shadow:0 18px 38px rgba(62,48,146,.13)}
.premium-ui .control-action.primary{background:linear-gradient(135deg,#795eff,#6159ef 52%,#2bbbc7);box-shadow:0 18px 38px rgba(91,70,211,.27),inset 0 1px 0 rgba(255,255,255,.28)}
.premium-ui .control-action-icon{width:44px;height:44px;flex-basis:44px;border-radius:15px;background:linear-gradient(145deg,#ede8ff,#e3faf7);box-shadow:0 8px 20px rgba(74,61,166,.10),inset 0 1px 0 #fff}
.premium-ui .control-action.primary .control-action-icon{background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.premium-ui .control-action strong{font-size:13px}.premium-ui .control-action small{font-size:10px;line-height:1.5}
.premium-ui .subdomain-status,.premium-ui .password-reset-box{border-radius:18px}

/* Master control-center modules */
.premium-ui .control-center-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:28px;border:1px solid rgba(105,113,151,.12);background:radial-gradient(circle at 88% 15%,rgba(111,92,255,.17),transparent 32%),radial-gradient(circle at 70% 130%,rgba(37,199,217,.15),transparent 30%),linear-gradient(145deg,#fff,#f7f8ff);box-shadow:var(--dp-shadow)}
.premium-ui .control-center-hero h2{font-size:30px;margin:7px 0 8px;letter-spacing:-.045em}.premium-ui .control-center-hero p{max-width:760px;margin:0;color:#727b91;line-height:1.65;font-size:13px}
.premium-ui .control-center-badge{padding:9px 13px;border-radius:999px;background:linear-gradient(145deg,#eee9ff,#e4fbf8);color:#6550dd;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:inset 0 1px 0 #fff}
.premium-ui .control-center-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.premium-ui .control-module-card{min-height:128px;padding:18px;border-radius:22px;border:1px solid rgba(103,112,148,.12);background:radial-gradient(circle at 100% 0,rgba(111,92,255,.07),transparent 34%),linear-gradient(145deg,#fff,#f7f9fe);box-shadow:0 14px 34px rgba(40,47,82,.07),inset 0 1px 0 #fff;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;transition:.2s}
.premium-ui .control-module-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(65,52,142,.12);border-color:rgba(111,92,255,.24)}
.premium-ui .control-module-orb{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#ebe6ff,#ddf9f6);color:#674cdd;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(75,59,166,.10),inset 0 1px 0 #fff}
.premium-ui .control-module-card strong,.premium-ui .control-module-card small{display:block}.premium-ui .control-module-card strong{font-size:13px}.premium-ui .control-module-card small{font-size:10px;color:#7d8497;margin-top:5px;line-height:1.4}.premium-ui .control-module-card>span{color:#7459f3;font-size:20px}.premium-ui .control-note-panel{padding:24px}

/* Restaurant/POS tactile surfaces */
.premium-ui .restaurant-table,.premium-ui .product-card{border-radius:20px!important;background:radial-gradient(circle at 100% 0,rgba(111,92,255,.065),transparent 32%),linear-gradient(145deg,#fff,#f7f9fe)!important;border-color:rgba(104,113,149,.12)!important;box-shadow:0 12px 27px rgba(39,46,80,.07),inset 0 1px 0 #fff!important}
.premium-ui .restaurant-table:hover,.premium-ui .product-card:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 20px 40px rgba(66,52,145,.13)!important}
.premium-ui .premium-empty-state{border-radius:27px;background:radial-gradient(circle at 20% 10%,rgba(111,92,255,.10),transparent 27%),radial-gradient(circle at 90% 95%,rgba(37,199,217,.10),transparent 28%),linear-gradient(145deg,#fff,#f7f9fe);box-shadow:inset 0 1px 0 #fff}
.premium-ui .empty-visual{border-radius:28px;background:linear-gradient(145deg,#ede7ff,#dcfaf6);box-shadow:0 18px 38px rgba(72,56,166,.14),inset 0 1px 0 #fff}

/* Tables */
.premium-ui .table-wrap{border-radius:18px;overflow:auto}.premium-ui table{border-collapse:separate;border-spacing:0}.premium-ui table thead th{background:#f7f8fd;color:#828ba1;font-size:9px;letter-spacing:.08em}.premium-ui table tbody tr:hover{background:#f9f8ff}.premium-ui table tbody td{border-bottom-color:#edf0f6}

/* Mobile/tablet */
@media(max-width:1280px){.premium-ui .control-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
  .premium-ui .sidebar{width:286px;transform:translateX(-108%)}.premium-ui .sidebar.open{transform:none}.premium-ui .app-main{margin-left:0}.premium-ui .page-content{padding:20px}.premium-ui .control-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .premium-ui .page-content{padding:13px}.premium-ui .topbar{height:68px;padding:0 11px}.premium-ui .top-icon{height:40px;min-width:40px;border-radius:13px}.premium-ui .control-center-hero{padding:22px;align-items:flex-start;flex-direction:column}.premium-ui .control-center-hero h2{font-size:24px}.premium-ui .control-center-grid{grid-template-columns:1fr}.premium-ui .control-action-grid{grid-template-columns:1fr}.premium-ui .business-hero{border-radius:22px;padding:18px}
}
.premium-ui .control-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}