:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#152034;background:#eaeef4;font-synthesis:none;--navy: #0c1729;--blue: #246bfd;--blue-dark: #1859de;--muted: #6f7c91;--line: #e5eaf1;--panel: #ffffff;--shadow: 0 14px 40px rgba(19, 35, 62, .08);--dot: rgba(15, 23, 42, .11);--canvas: #eaeef4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--canvas);background-image:radial-gradient(var(--dot) 1.15px,transparent 1.15px);background-size:22px 22px;background-position:-11px -11px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.admin-shell{min-height:100vh}.sidebar{position:fixed;inset:16px auto 16px 16px;z-index:20;width:250px;padding:22px 15px 16px;display:flex;flex-direction:column;color:#c1cada;background:var(--navy);border-radius:22px;box-shadow:0 22px 55px #09122142}.brand-lockup{display:flex;align-items:center;gap:11px;height:43px;padding:0 10px}.brand-lockup>div:last-child{display:flex;flex-direction:column}.brand-lockup strong{color:#fff;font-family:inherit;font-size:20px;letter-spacing:-.5px;line-height:1}.brand-lockup small{color:#7f8ca1;font-size:10px;margin-top:4px;letter-spacing:.5px;text-transform:uppercase}.brand-mark{width:34px;height:34px;display:grid;place-items:center;position:relative;border-radius:11px;background:#16233c;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-mark span{color:#fff;font:800 18px/1 Manrope}.workspace-switcher{margin:24px 3px 19px;padding:10px;display:flex;gap:10px;align-items:center;border:1px solid #243149;background:#111f35;border-radius:12px}.workspace-avatar{width:31px;height:31px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:#dce7ff;background:#2b4369;font-size:11px;font-weight:700}.workspace-switcher>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.workspace-switcher small{color:#73819a;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.workspace-switcher strong{color:#e8eef8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.main-nav p{margin:15px 11px 8px;color:#65738a;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.main-nav button{width:100%;height:43px;margin:2px 0;padding:0 12px;display:flex;gap:12px;align-items:center;border:0;border-radius:10px;color:#9da9bc;background:transparent;font-size:13px;font-weight:500;transition:.18s ease}.main-nav button:hover{color:#eaf0fa;background:#14233a}.main-nav button.active{color:#fff;background:#1c3055;box-shadow:inset 3px 0 0 var(--blue)}.main-nav button i{margin-left:auto;width:20px;height:18px;display:grid;place-items:center;color:#f3c5c5;background:#873b43;border-radius:6px;font-style:normal;font-size:10px}.main-nav button.active i{color:#fff;background:#ffffff2e}.sidebar-callout{margin:auto 3px 17px;padding:13px;border:1px solid #253550;border-radius:12px;background:#101d31}.sidebar-callout span{display:flex;align-items:center;gap:6px;color:#8db0ff;font-size:11px;font-weight:700}.sidebar-callout p{margin:8px 0 10px;color:#8d9ab0;font-size:11px;line-height:1.45}.sidebar-callout button{padding:0;display:flex;gap:5px;align-items:center;border:0;color:#d9e4fb;background:none;font-size:11px;font-weight:600}.user-card{width:100%;padding:12px 6px 0;display:flex;align-items:center;gap:10px;color:inherit;border:0;border-top:1px solid #213048;background:transparent;text-align:left}.user-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#fff;background:#2c3d58;font-size:11px;font-weight:700}.user-card>div:nth-child(2){display:flex;flex:1;flex-direction:column}.user-card strong{color:#e3e9f3;font-size:12px}.user-card small{color:#75839a;font-size:10px;margin-top:2px}.admin-main{min-height:100vh;margin-left:282px}.top-header{height:92px;padding:0 34px;display:flex;align-items:center;gap:20px;background:#ffffffd1;border-bottom:1px solid #e7ebf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.top-header>div:first-of-type{min-width:0;flex:1}.top-header h1{margin:0;color:#152034;font:700 21px/1.2 Manrope,sans-serif;letter-spacing:-.35px}.top-header p{margin:6px 0 0;color:#8190a6;font-size:12px}.header-actions{display:flex;flex:0 0 auto;align-items:center;gap:12px}.mobile-menu{display:none;width:40px;height:40px;place-items:center;border:1px solid var(--line);background:#fff;border-radius:10px}.icon-button{width:39px;height:39px;position:relative;display:grid;place-items:center;flex:0 0 auto;color:#647188;border:1px solid #e1e6ef;border-radius:10px;background:#fff}.icon-button:hover{color:var(--blue);border-color:#bfd0f9}.icon-button>span{position:absolute;width:7px;height:7px;top:7px;right:8px;border-radius:50%;border:2px solid #fff;background:#ef4444}.primary-button,.outline-button{min-height:39px;padding:0 15px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;font-size:12px;font-weight:600}.primary-button{color:#fff;border:1px solid var(--blue);background:var(--blue);box-shadow:0 7px 17px #246bfd2e}.primary-button:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.outline-button{color:#536177;border:1px solid #dfe5ed;background:#fff;box-shadow:0 2px 3px #141e3205}.outline-button:hover{color:#1c293d;border-color:#c7d1df}.outline-button.full{width:100%}.text-button{padding:5px 0;display:inline-flex;align-items:center;gap:6px;border:0;color:var(--blue);background:none;font-size:11px;font-weight:600}.text-button.danger{color:#dc2626}.ghost-button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;color:#8b98aa;background:transparent}.ghost-button:hover{color:#34445b;background:#f0f3f8}.select-button{height:33px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;color:#68768b;background:#fff;font-size:11px}.page-content{padding:26px 32px 45px}.page-stack{display:flex;flex-direction:column;gap:20px;animation:enter .28s ease}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{min-height:126px;padding:20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:start;column-gap:13px;border:1px solid #e6eaf1;border-radius:15px;background:#fff;box-shadow:0 4px 13px #14223906}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.metric-icon.blue{color:#246bfd;background:#eaf1ff}.metric-icon.purple{color:#7c3aed;background:#f1eafe}.metric-icon.green{color:#059669;background:#e4f7ef}.metric-icon.orange{color:#e37212;background:#fff0dd}.metric-copy{display:flex;flex-direction:column}.metric-copy span{margin:2px 0 7px;color:#78869a;font-size:11px}.metric-copy strong{color:#152034;font:800 22px/1 Manrope,sans-serif;letter-spacing:-.5px}.metric-detail{grid-column:1 / -1;align-self:end;display:flex;align-items:center;gap:4px;color:#8a96a8;font-size:10px}.metric-detail.positive{color:#0a9a6b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:20px}.panel{border:1px solid #e4e9f0;border-radius:15px;background:var(--panel);box-shadow:0 6px 22px #14223909}.panel-header{padding:19px 21px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-header h2{margin:0;color:#202c3f;font:700 14px/1.3 Manrope,sans-serif}.panel-header p{margin:5px 0 0;color:#8a97a9;font-size:10px}.revenue-panel{min-height:336px}.revenue-summary{padding:18px 22px 0 63px;display:flex;align-items:center;gap:10px}.revenue-summary strong{font:800 22px Manrope}.revenue-summary span{padding:3px 6px;color:#078b60;background:#e6f7f1;border-radius:5px;font-size:9px;font-weight:700}.revenue-summary span.negative{color:#d1394a;background:#fdeaec}.chart-wrap{height:225px;padding:5px 17px 0 47px;position:relative}.chart-wrap svg{width:100%;height:190px;overflow:visible}.chart-y-labels{position:absolute;left:19px;top:13px;bottom:42px;display:flex;flex-direction:column;justify-content:space-between;color:#9aa5b5;font-size:9px}.chart-x-labels{padding:0 2px 0 0;display:flex;justify-content:space-between;color:#8d99aa;font-size:9px}.activity-panel{min-width:0}.activity-list{padding:7px 21px 12px}.activity-item{min-height:51px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f5}.activity-item:last-child{border-bottom:0}.activity-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#61728a;background:#f0f3f8}.activity-item>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.activity-item strong{font-size:11px;font-weight:600}.activity-item span{color:#8996a8;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item b{color:#344258;font-size:10px;font-weight:600;white-space:nowrap}.client-panel{overflow:hidden}.client-cards{padding:10px 12px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-client{min-width:0;padding:11px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:11px;background:#fafbfd}.mini-client:hover{border-color:#dce5f3;background:#fff;box-shadow:0 5px 14px #1a2a450f}.tenant-avatar{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;font-size:13px;font-weight:800;overflow:hidden}.tenant-avatar.small{width:36px;height:36px;border-radius:10px;font-size:11px}.tenant-avatar img,.logo-preview img{width:100%;height:100%;object-fit:cover}.mini-client>div:nth-child(2),.tenant-cell>div:last-child{min-width:0;display:flex;flex-direction:column}.mini-client strong{color:#263449;font-size:11px}.mini-client span{color:#8895a7;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-plan{display:flex;align-items:flex-end;flex-direction:column}.mini-plan>span{font-weight:600}.status-pill{width:fit-content;padding:4px 7px;display:inline-flex;align-items:center;gap:5px;border-radius:99px;font-size:9px;font-weight:600;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.active{color:#08875d;background:#e8f8f2}.status-pill.trial{color:#b9670c;background:#fff3df}.status-pill.suspended{color:#6f7a8c;background:#eef1f5}.tenants-panel{overflow:hidden}.tenant-toolbar{min-height:70px;padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8ecf2}.search-box{width:300px;height:39px;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid #dfe5ee;border-radius:10px;color:#8b98aa;background:#fff}.search-box:focus-within{border-color:#8fb0ff;box-shadow:0 0 0 3px #edf3ff}.search-box input{min-width:0;flex:1;outline:0;border:0;color:#2b394e;font-size:11px}.search-box input::placeholder{color:#a1abba}.filter-tabs{margin-left:auto;padding:3px;display:flex;border-radius:9px;background:#f1f4f8}.filter-tabs button{height:30px;padding:0 10px;border:0;border-radius:7px;color:#7b8798;background:transparent;font-size:10px}.filter-tabs button.active{color:#26354a;background:#fff;box-shadow:0 2px 6px #19284114;font-weight:600}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{height:41px;padding:0 16px;color:#8793a5;background:#fafbfd;font-size:9px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}td{height:68px;padding:0 16px;color:#667387;border-top:1px solid #edf0f4;font-size:10px;white-space:nowrap}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#fafcff}.tenant-cell{min-width:220px;display:flex;align-items:center;gap:10px}.tenant-cell strong{color:#2b394e;font-size:11px}.tenant-cell span{max-width:220px;margin-top:3px;color:#8f9aab;font-size:9px;overflow:hidden;text-overflow:ellipsis}.plan-name{padding-left:11px;position:relative;color:#4b586c;font-weight:600}.plan-name:before{content:"";position:absolute;left:0;top:3px;width:6px;height:6px;border-radius:50%;background:var(--plan-color)}td strong{color:#39475b}.table-footer{height:55px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7ebf1;color:#8895a7;font-size:10px}.table-footer>div{display:flex;gap:4px}.table-footer button{width:28px;height:28px;border:1px solid #e0e5ed;border-radius:7px;color:#748197;background:#fff;font-size:10px}.table-footer button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.empty-state{padding:50px 20px;display:flex;align-items:center;flex-direction:column;color:#9aa6b7}.empty-state h3{margin:13px 0 3px;color:#334258;font-size:14px}.empty-state p{margin:0 0 15px;font-size:11px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-intro h2{margin:0;font:700 18px Manrope;color:#202d41}.section-intro p{margin:6px 0 0;color:#7d8a9e;font-size:11px}.active-config{padding:7px 10px;display:inline-flex;align-items:center;gap:6px;color:#087a58;border:1px solid #bfe9da;border-radius:999px;background:#effbf6;font-size:9px;font-weight:700}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:start}.plan-card{padding:20px;position:relative;border:1px solid #e2e7ef;border-radius:16px;background:#fff;overflow:hidden}.plan-card.featured{border:1.5px solid #8db0ff;box-shadow:0 13px 32px #246bfd17}.popular-label{padding:5px 12px;position:absolute;top:0;right:0;color:#fff;background:#246bfd;border-radius:0 0 0 11px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.plan-card-top{display:flex;justify-content:space-between;align-items:center}.configured-label{display:inline-flex;align-items:center;gap:5px;color:#738096;font-size:9px;font-weight:600}.plan-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.plan-card h3{margin:17px 0 6px;font:700 16px Manrope}.plan-card>p{height:35px;margin:0;color:#8190a4;font-size:10px;line-height:1.55}.plan-price{margin:18px 0 15px}.plan-price strong{font:800 19px Manrope}.plan-price span{color:#8793a5;font-size:10px}.plan-stats{padding:11px 0;display:flex;gap:15px;border-block:1px solid #edf0f4;color:#6e7c91;font-size:10px}.plan-stats span{display:flex;gap:6px;align-items:center}.plan-features{min-height:150px;padding:15px 0;display:flex;flex-direction:column;gap:10px}.plan-features span{display:flex;align-items:center;gap:7px;color:#617087;font-size:10px}.plan-features svg{color:#0aa06e}.plan-ready{min-height:37px;display:flex;align-items:center;justify-content:center;gap:7px;color:#087a58;border:1px solid #ccecdf;border-radius:9px;background:#f0fbf6;font-size:9px;font-weight:700}.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.billing-summary article{padding:17px 18px;display:flex;flex-direction:column;border:1px solid #e2e7ef;border-radius:14px;background:#fff}.billing-summary span{display:flex;align-items:center;gap:7px;color:#7d899b;font-size:9px;font-weight:600}.billing-summary strong{margin:13px 0 5px;color:#243147;font-size:20px}.billing-summary small{color:#99a3b2;font-size:9px}.billing-panel{overflow:hidden}.billing-panel>.panel-header{padding:17px 19px;border-bottom:1px solid #e8ecf2}.payment-pill{padding:5px 8px;border-radius:999px;color:#a9680a;background:#fff5dd;font-size:8px;font-weight:700}.payment-pill.paid{color:#087a58;background:#e8f8f1}.settings-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(430px,1.22fr);gap:15px}.settings-profile{padding:24px}.settings-profile>div:nth-child(2)>span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.8px}.settings-profile h2{margin:5px 0 3px;font-size:19px}.settings-profile p{margin:0;color:#8995a7;font-size:10px}.settings-icon{width:45px;height:45px;margin-bottom:18px;display:grid;place-items:center;color:var(--blue);border-radius:13px;background:#eaf1ff}.settings-profile dl{margin:25px 0 0}.settings-profile dl div{padding:11px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0f4}.settings-profile dt{color:#8995a7;font-size:9px}.settings-profile dd{margin:0;color:#354359;font-size:9px;font-weight:700}.production-status{padding:19px}.live-indicator{display:flex;align-items:center;gap:6px;color:#087a58;font-size:9px;font-weight:700}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#0aa06e;box-shadow:0 0 0 3px #dff7ed}.status-row{min-height:59px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f4}.status-row>span{width:35px;height:35px;display:grid;place-items:center;color:#246bfd;border-radius:9px;background:#edf3ff}.status-row>div{min-width:0;flex:1;display:flex;flex-direction:column}.status-row strong{color:#354359;font-size:10px}.status-row small{margin-top:3px;color:#8f9bad;font-size:8.5px}.status-row>svg{color:#0a9a6d}.placeholder-page{padding:75px 30px;display:flex;flex-direction:column;align-items:center;text-align:center}.placeholder-page>div{width:61px;height:61px;display:grid;place-items:center;border-radius:18px;color:var(--blue);background:#eaf1ff}.placeholder-page h2{margin:17px 0 6px;font:700 18px Manrope}.placeholder-page p{max-width:420px;margin:0 0 20px;color:#7e8b9f;font-size:12px;line-height:1.6}.drawer-layer,.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.drawer-scrim,.modal-scrim,.sidebar-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#08111f75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tenant-drawer{width:min(680px,calc(100vw - 25px));position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;background:#f7f9fc;box-shadow:-17px 0 50px #09142733;animation:slideIn .25s ease-out}@keyframes slideIn{0%{transform:translate(100%)}}.drawer-header{min-height:105px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;background:#fff}.drawer-identity{display:flex;align-items:center;gap:13px;min-width:0}.drawer-identity h2{margin:4px 0 2px;font:700 17px Manrope}.drawer-identity p{margin:0;color:#8491a4;font-size:10px}.eyebrow{display:flex;align-items:center;gap:7px}.eyebrow>span{color:#98a3b2;font-size:9px}.drawer-tabs{min-height:47px;padding:0 22px;display:flex;gap:23px;border-top:1px solid #edf0f4;border-bottom:1px solid #e3e8ef;background:#fff}.drawer-tabs button{padding:0 1px;position:relative;border:0;color:#7c899b;background:transparent;font-size:11px}.drawer-tabs button.active{color:#225fdc;font-weight:600}.drawer-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--blue)}.drawer-content{flex:1;min-height:0;overflow-y:auto;padding:18px 22px 30px}.form-stack{display:flex;flex-direction:column;gap:15px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.detail-stats>div{min-width:0;padding:12px;display:flex;align-items:center;gap:9px;color:#557099;border:1px solid #e4e9f0;border-radius:11px;background:#fff}.detail-stats span{display:flex;flex-direction:column;color:#8b97a9;font-size:9px}.detail-stats strong{margin-top:2px;color:#344257;font-size:11px}.form-section{padding:18px;border:1px solid #e3e8ef;border-radius:13px;background:#fff}.form-heading{margin-bottom:15px}.form-heading.inline{display:flex;justify-content:space-between;align-items:flex-start}.form-heading h3{margin:0;color:#2c394d;font:700 13px Manrope}.form-heading p{margin:4px 0 0;color:#8b97a9;font-size:9.5px}.form-heading>span{padding:4px 7px;border-radius:6px;color:var(--blue);background:#eaf1ff;font-size:9px;font-weight:600}.form-section>label,.form-grid label,.modal-body>label{display:flex;flex-direction:column;gap:6px;color:#5e6b7f;font-size:10px;font-weight:600}.form-section>label+*,.form-section>.form-grid+label,.form-section>label+label,.modal-body>label+*{margin-top:12px}input,select{width:100%;height:38px;padding:0 10px;outline:none;color:#334156;border:1px solid #dfe5ed;border-radius:8px;background:#fff;font-size:10px;transition:.15s}input:focus,select:focus{border-color:#8fb0ff;box-shadow:0 0 0 3px #edf3ff}.form-grid{display:grid;gap:11px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control{padding:3px;display:flex;width:fit-content;border-radius:9px;background:#f0f3f7}.segmented-control button{height:31px;padding:0 14px;border:0;border-radius:7px;color:#7a879a;background:none;font-size:10px}.segmented-control button.active{color:#2564e7;background:#fff;box-shadow:0 2px 6px #1928411a;font-weight:600}.drawer-footer{min-height:67px;padding:12px 22px;display:flex;justify-content:flex-end;align-items:center;gap:9px;border-top:1px solid #dee4ec;background:#fff}.preview-link{margin-left:auto;text-decoration:none}.plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plan-options button{min-width:0;padding:10px;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #e1e6ed;border-radius:10px;background:#fff}.plan-options button.selected{border-color:#78a2ff;background:#f8faff;box-shadow:0 0 0 2px #eaf1ff}.plan-options button>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px}.plan-options button>div{min-width:0;flex:1;display:flex;flex-direction:column}.plan-options strong{color:#354359;font-size:10px}.plan-options small{margin-top:3px;color:#8e99aa;font-size:8px}.plan-options button>svg{color:var(--blue)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.feature-list button{min-height:53px;padding:9px;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #e4e8ee;border-radius:9px;background:#fff}.feature-list button.active{border-color:#c7d8fd;background:#f9fbff}.feature-check{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border:1px solid #ccd4df;border-radius:6px}.feature-list button.active .feature-check{border-color:var(--blue);background:var(--blue)}.feature-list button>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.feature-list strong{color:#3b495d;font-size:9.5px}.feature-list small{margin-top:3px;color:#909bac;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-list button>span{color:#8a97aa;font-size:8px}.primary-button.full{width:100%}.staff-list{display:flex;flex-direction:column;gap:8px}.staff-row{padding:10px 12px;display:flex;align-items:center;gap:11px;border:1px solid #e4e8ee;border-radius:10px;background:#fff}.staff-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#3f5170;background:#eef2f8;font-size:10px;font-weight:700}.staff-copy{min-width:0;flex:1;display:flex;flex-direction:column}.staff-copy strong{color:#37455a;font-size:11px}.staff-copy small{margin-top:2px;color:#909bac;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-tag{padding:3px 8px;border-radius:99px;font-size:8.5px;font-weight:600}.role-tag.cashier{color:#557099;background:#eef2f8}.role-tag.owner{color:#225fdc;background:#eaf1ff}.role-tag.super_admin{color:#8b5cf6;background:#f2edff}.staff-actions{display:flex;align-items:center;gap:8px}.staff-actions .text-button{font-size:9px}.toggle-chip{padding:4px 9px;border:1px solid transparent;border-radius:99px;font-size:8.5px;font-weight:600;cursor:pointer}.toggle-chip.on{color:#08875d;border-color:#b6ead4;background:#e8f8f2}.toggle-chip.off{color:#6f7a8c;border-color:#dde2e9;background:#eef1f5}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-row{padding:11px 13px;display:flex;gap:10px;border:1px solid #e4e8ee;border-left-width:3px;border-radius:10px;background:#fff}.notif-row>i{width:8px;height:8px;margin-top:4px;flex:0 0 auto;border-radius:50%;background:#94a2b8}.notif-row.info{border-left-color:#246bfd}.notif-row.info>i{background:#246bfd}.notif-row.success{border-left-color:#08875d}.notif-row.success>i{background:#08875d}.notif-row.warning{border-left-color:#d97706}.notif-row.warning>i{background:#d97706}.notif-row.critical{border-left-color:#dc2626}.notif-row.critical>i{background:#dc2626}.notif-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.notif-row strong{color:#37455a;font-size:11px}.notif-row small{color:#6b7789;font-size:9.5px}.notif-row span{color:#a2adbd;font-size:8.5px}.mini-empty{padding:26px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#a2adbd;border:1px dashed #d9dfe8;border-radius:11px}.mini-empty p{margin:0;font-size:10px}.form-section textarea{padding:10px 12px;border:1px solid #dfe5ed;border-radius:9px;font:inherit;font-size:11px;resize:vertical}.form-section select{height:39px;padding:0 12px;border:1px solid #dfe5ed;border-radius:9px;font:inherit;font-size:11px;background:#fff}.logo-upload-row{margin-bottom:13px;display:flex;align-items:center;gap:11px}.logo-preview{width:57px;height:57px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:14px;font-size:15px;font-weight:800}.logo-upload-row>div:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:5px}.logo-upload-row small{color:#96a1b1;font-size:8px}.logo-upload-row .danger{margin-left:auto}.upload-button{height:31px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;color:#526078;border:1px solid #dfe5ed;border-radius:8px;font-size:9px;font-weight:600;cursor:pointer}.upload-button input{display:none}.color-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.color-fields label{display:flex;flex-direction:column;gap:6px;color:#647186;font-size:9px;font-weight:600}.color-fields label>div{height:36px;padding:4px;display:flex;align-items:center;gap:4px;border:1px solid #dfe5ed;border-radius:8px}.color-fields input[type=color]{width:27px;height:27px;padding:0;border:0;border-radius:6px;overflow:hidden;box-shadow:none}.color-fields input:not([type=color]){height:27px;padding:0 3px;border:0;box-shadow:none;font-size:9px}.layout-options{margin-bottom:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.layout-options button{height:58px;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;color:#8090a4;border:1px solid #e1e6ed;border-radius:10px;background:#fff}.layout-options button.selected{color:var(--blue);border-color:#83a9ff;background:#f8faff;box-shadow:0 0 0 2px #edf3ff}.layout-options span{flex:1;display:flex;flex-direction:column}.layout-options strong{color:#39475b;font-size:10px}.layout-options small{margin-top:3px;color:#909bac;font-size:8px}.pos-mini-preview{height:172px;margin-top:17px;display:grid;grid-template-columns:48px 1fr 105px;border:6px solid #e8ecf2;border-radius:12px;overflow:hidden;background:var(--preview-surface);box-shadow:inset 0 0 0 1px #d7dce5}.preview-nav{padding:10px 8px;display:flex;align-items:center;flex-direction:column;gap:12px;background:#fff;border-right:1px solid #e5e9ef}.preview-nav span{width:24px;height:24px;display:grid;place-items:center;color:#fff;border-radius:7px;background:var(--preview-primary);font-size:7px;font-weight:800}.preview-nav i{width:17px;height:4px;border-radius:3px;background:#e2e7ed}.preview-main{padding:13px 10px}.preview-head{width:45%;height:7px;margin-bottom:13px;border-radius:5px;background:#dce2e9}.preview-products{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preview-products i{height:47px;border:1px solid #e8ebef;border-radius:7px;background:var(--preview-accent)}.preview-cart{padding:12px 8px;border-left:1px solid #e3e7ec;background:#fff}.preview-cart b{display:block;width:50%;height:7px;margin-bottom:15px;border-radius:4px;background:#dce2e9}.preview-cart i{display:block;height:20px;margin:6px 0;border-radius:5px;background:#f0f2f5}.preview-cart button{width:100%;height:21px;margin-top:14px;border:0;border-radius:6px;background:var(--preview-primary)}.modal-layer{display:grid;place-items:center}.create-modal{width:min(610px,calc(100vw - 32px));max-height:calc(100vh - 35px);position:relative;display:flex;flex-direction:column;border-radius:17px;background:#fff;box-shadow:0 25px 80px #07122545;overflow:hidden;animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal-header{min-height:78px;padding:17px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8ecf1}.modal-title-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--blue);border-radius:11px;background:#eaf1ff}.modal-header>div:nth-child(2){flex:1}.modal-header h2{margin:0;font:700 15px Manrope}.modal-header p{margin:4px 0 0;color:#8b97a8;font-size:10px}.modal-body{padding:19px 20px 22px;overflow-y:auto}.modal-body>.form-grid+label{margin-top:12px}.modal-body .form-heading{margin:19px 0 10px}.create-plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.create-plan-options button{min-height:67px;padding:10px;position:relative;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e1e6ee;border-radius:10px;background:#fff;text-align:left}.create-plan-options button.selected{border-color:#83a8ff;background:#f8faff;box-shadow:0 0 0 2px #edf3ff}.create-plan-options span{font-size:10px;font-weight:700}.create-plan-options strong{margin-top:6px;color:#36445a;font-size:11px}.create-plan-options small{position:absolute;left:83px;bottom:13px;color:#8995a6;font-size:8px}.create-plan-options svg{position:absolute;right:8px;top:8px;color:var(--blue)}.modal-footer{min-height:67px;padding:12px 20px;display:flex;justify-content:flex-end;align-items:center;gap:9px;border-top:1px solid #e7ebf1;background:#fafbfd}.loading-screen{height:55vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8491a4;font-size:11px}.loading-logo{width:45px;height:45px;display:grid;place-items:center;color:#fff;border-radius:13px;background:var(--blue);font:800 20px Manrope;overflow:hidden;animation:pulse 1.2s infinite}.loading-logo img{width:100%;height:100%;object-fit:cover}@keyframes pulse{50%{opacity:.65;transform:scale(.96)}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:80;left:50%;bottom:24px;padding:11px 15px;display:flex;align-items:center;gap:8px;transform:translate(-50%);color:#fff;border-radius:10px;background:#162237;box-shadow:0 13px 35px #09132340;font-size:11px;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}.admin-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);background:#f6f8fc}.admin-login-aside{padding:clamp(30px,5vw,72px);position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff;background:#0c1729}.admin-login-aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1.1px,transparent 1.1px);background-size:22px 22px;pointer-events:none}.admin-login-aside>*{position:relative}.admin-login-aside .brand-lockup{padding:0}.admin-login-aside>div:nth-child(2){max-width:520px;margin:auto 0}.admin-login-aside>div:nth-child(2) span{color:#8fb4ff;font-size:10px;font-weight:700;letter-spacing:1.3px}.admin-login-aside h1{margin:18px 0 15px;font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-2px}.admin-login-aside p{max-width:470px;margin:0;color:#9baac1;font-size:14px;line-height:1.7}.admin-login-aside>small{color:#6f8099;font-size:10px}.admin-login-main{padding:30px;display:grid;place-items:center}.admin-login-main form{width:min(410px,100%);padding:38px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 24px 70px #13233e17}.admin-login-icon{width:49px;height:49px;margin-bottom:16px;display:grid;place-items:center;color:var(--blue);border-radius:14px;background:#eaf1ff}.admin-login-main form>span{color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.9px}.admin-login-main h2{margin:7px 0;font-size:24px;letter-spacing:-.7px}.admin-login-main form>p{margin:0 0 26px;color:#8491a4;font-size:11px}.admin-login-main label{margin-top:14px;display:block;color:#56657a;font-size:10px;font-weight:600}.admin-login-main label>div{height:44px;margin-top:6px;padding:0 11px;display:flex;align-items:center;gap:9px;color:#8996a8;border:1px solid #dce3ec;border-radius:10px}.admin-login-main label input{height:100%;padding:0;border:0;box-shadow:none}.admin-login-main form>button{width:100%;height:44px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;border:0;border-radius:10px;background:var(--blue);font-size:11px;font-weight:700}.login-error{margin-top:12px;padding:9px 11px;color:#b33f3f;border-radius:8px;background:#fff0f0;font-size:10px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.client-cards{grid-template-columns:1fr}.mini-client{grid-template-columns:auto 1fr auto auto}.plans-grid{grid-template-columns:repeat(2,1fr)}.tenant-toolbar{flex-wrap:wrap}.search-box{width:calc(50% - 6px)}.filter-tabs{margin-left:0}.settings-grid{grid-template-columns:1fr}}@media(max-width:840px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:-1;transform:translate(100%)}.admin-main{margin-left:0}.mobile-menu{display:grid}.dashboard-grid,.plans-grid,.admin-login-page{grid-template-columns:1fr}.admin-login-aside{min-height:235px;padding:28px}.admin-login-aside>div:nth-child(2){margin:auto 0 0}.admin-login-aside h1{max-width:520px;margin:11px 0 0;font-size:27px}.admin-login-aside p,.admin-login-aside>small{display:none}}@media(max-width:620px){.top-header{height:78px;padding:0 12px;gap:10px}.top-header p{display:none}.top-header h1{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions .icon-button{display:none}.header-actions .primary-button{width:39px;padding:0;font-size:0}.page-content{padding:16px 13px 35px}.metrics-grid{grid-template-columns:1fr;gap:10px}.billing-summary{grid-template-columns:1fr;gap:9px}.metric-card{min-height:105px}.tenant-toolbar{align-items:stretch}.search-box{width:100%}.filter-tabs{width:100%;overflow-x:auto}.filter-tabs button{flex:1;white-space:nowrap}.tenant-toolbar>.outline-button{display:none}.section-intro{align-items:flex-start;flex-direction:column}.tenant-drawer{width:100%}.drawer-header,.drawer-tabs,.drawer-footer{padding-left:14px;padding-right:14px}.drawer-content{padding:13px 12px 25px}.detail-stats,.plan-options,.feature-list,.layout-options,.color-fields,.form-grid.two{grid-template-columns:1fr}.drawer-footer .preview-link{margin-left:0;font-size:0;padding:0 11px}.drawer-footer .outline-button:first-child{display:none}.create-plan-options{grid-template-columns:1fr}.create-plan-options button{min-height:58px}.pos-mini-preview{grid-template-columns:36px 1fr 80px}.chart-wrap{padding-left:37px}.client-cards{grid-template-columns:1fr}.mini-plan{display:none}.admin-login-aside{min-height:190px}.admin-login-aside h1{font-size:22px;letter-spacing:-.8px}.admin-login-main{padding:16px;align-items:start}.admin-login-main form{padding:24px 20px;transform:translateY(-20px)}}