:root{--navy:#081a3b;--navy2:#0d2857;--purple:#6d3df5;--cyan:#15d4d8;--ink:#13203a;--muted:#6b7890;--line:#e7eafb;--surface:#f6f8ff;--white:#fff;--success:#167a56;--warning:#b87500;--danger:#c4455e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface);font-size:15px;line-height:1.48}a{color:#315edb;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:276px;background:linear-gradient(180deg,#071733,#0b2451);color:#fff;padding:25px 14px;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0}.logo{display:flex;gap:10px;align-items:center;color:#fff;font-size:18px;font-weight:600;padding:4px 12px 29px}.logo.dark{color:var(--navy);padding:0}.logo small{display:block;font-size:11px;color:#a9b6d1;font-weight:500}.logo-mark{font-size:31px;line-height:1;color:var(--cyan);filter:drop-shadow(0 0 10px rgba(109,61,245,.8))}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#dce7ff;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:10px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,var(--purple),var(--cyan));color:#fff}.sidebar nav span{font-size:20px}.sidebar-bottom{margin-top:auto;border:1px solid rgba(255,255,255,.16);padding:12px;border-radius:12px;display:flex;align-items:center;gap:10px}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom small{color:#adc0e9;font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-weight:800}.avatar.small{width:32px;height:32px;font-size:12px}.icon-button{margin-left:auto;background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}.main{margin-left:276px;min-width:0;flex:1}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.top-search{background:#f2f5ff;padding:11px 15px;border-radius:9px;color:#7c86a0;min-width:360px}.top-user{display:flex;align-items:center;gap:7px;color:#60708d;font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:#35ca8b}.content{max-width:1460px;margin:auto;padding:34px 38px 70px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:27px}.page-heading h1{font-size:29px;margin:0 0 4px;letter-spacing:-.7px}.page-heading p{margin:0;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 16px;border:1px solid #dbe0ef;background:#fff;color:var(--ink);font-weight:750;cursor:pointer;font-size:14px}.button.primary{border:0;color:#fff;background:linear-gradient(100deg,var(--purple),var(--cyan));box-shadow:0 8px 18px rgba(76,79,204,.2)}.button.ghost{background:#fff}.button.full{width:100%;margin-top:8px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi,.card,.form-card,.activation-box{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(18,30,70,.035)}.kpi{padding:20px;display:flex;gap:14px;align-items:center}.kpi-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px}.purple{background:#f0eafe;color:var(--purple)}.cyan{background:#e4fbfb;color:#048f99}.green{background:#e4f8ee;color:#168756}.orange{background:#fff1df;color:#d27a00}.kpi small{display:block;color:var(--muted);font-weight:600}.kpi strong{display:block;font-size:25px;margin:1px 0}.kpi em{font-size:11px;color:#449a70;font-style:normal}.card{padding:21px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-head h2{font-size:17px;margin:0}.card-head span{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:670px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#78839a}td strong,td small{display:block}td small{font-size:12px;color:var(--muted);margin-top:2px}.row-link{font-weight:700}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:800;text-transform:capitalize}.badge.active{background:#e5faed;color:#137b51}.badge.onboarding{background:#fff4df;color:#a46600}.badge.suspended,.badge.cancelled{background:#ffe8ed;color:#bb3850}.badge.invited{background:#f0eaff;color:#6a40be}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.info-list{margin:0}.info-list div{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid var(--line);padding:11px 0}.info-list dt{color:var(--muted)}.info-list dd{margin:0;font-weight:600}.person-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.person-row div{flex:1}.person-row strong,.person-row small{display:block}.person-row small{font-size:12px;color:var(--muted)}.inline-form{display:flex;gap:8px;margin-top:18px}.inline-form select{min-width:150px}.form-card{padding:0;overflow:hidden}.form-section{padding:24px;border-bottom:1px solid var(--line)}.form-section h2{font-size:18px;margin:0 0 16px}.grid{display:grid;gap:15px}.grid.two{grid-template-columns:1fr 1fr}label{display:grid;gap:7px;color:#45516b;font-weight:700;font-size:13px}label small{font-weight:500;color:var(--muted)}input,select,textarea{font:inherit;padding:11px 12px;border:1px solid #d9dfef;border-radius:8px;background:#fff;color:var(--ink);outline:0}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,61,245,.12)}textarea{resize:vertical}.form-actions{padding:20px 24px;display:flex;justify-content:flex-end;gap:10px}.hint{font-size:13px;color:var(--muted);margin:0}.activation-box{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#f6f2ff,#edfeff);border-color:#cdd3fa;margin-bottom:19px}.activation-box h2{margin:4px 0;font-size:18px}.activation-box p{margin:0 0 10px;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--purple)}code{display:block;max-width:760px;word-break:break-all;background:#fff;border:1px solid #d9ddf5;border-radius:7px;padding:9px;color:#394369;font-size:12px}.empty{padding:42px;text-align:center;color:var(--muted)}.empty h1,.empty h3{color:var(--ink)}.muted-center{text-align:center;color:var(--muted)}.highlight-card{background:linear-gradient(115deg,#101f4b,#17356d);color:#fff;padding:28px}.highlight-card h2{font-size:21px;margin:7px 0}.highlight-card p{color:#c8d7ff;max-width:720px}.highlight-card .eyebrow{color:var(--cyan)}.alert{padding:12px 14px;border-radius:8px;margin-bottom:17px;font-weight:650}.alert.success{background:#e7faef;color:#176c48}.alert.error{background:#fff0f2;color:#a93349}.guest-header{height:72px;padding:0 7%;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.guest-main{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 10% 0,#e9f4ff,transparent 34%),#f7f9ff}.auth-card{background:#fff;width:min(100%,480px);padding:36px;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(31,43,91,.1)}.auth-card h1{font-size:26px;letter-spacing:-.5px;margin:12px 0 8px}.auth-card p{color:var(--muted);margin-top:0}.auth-card form{display:grid;gap:14px;margin:24px 0}.auth-card small{display:block;text-align:center;color:var(--muted)}.brand-mark{font-size:30px;color:var(--purple)}.brand-mark.large{font-size:38px}.public-body{background:#fff}.public-nav{padding:18px 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.tenant-hero{min-height:420px;padding:90px 12%;display:flex;align-items:center;justify-content:space-between;gap:50px;background:radial-gradient(circle at 85% 20%,rgba(21,212,216,.28),transparent 22%),linear-gradient(125deg,#071733,#13316a);color:#fff}.tenant-hero>div:first-child{max-width:670px}.tenant-hero h1{font-size:56px;line-height:1.05;letter-spacing:-2px;margin:8px 0 16px}.tenant-hero p{font-size:18px;color:#d9e4ff;max-width:560px}.button.tenant{background:linear-gradient(100deg,var(--tenant-primary),var(--tenant-accent));color:#fff;border:0;margin-top:12px}.hero-symbol{font-size:160px;color:var(--tenant-accent);filter:drop-shadow(0 0 30px rgba(255,255,255,.17))}.public-section{padding:72px 12%;text-align:center}.public-section h2{font-size:31px;margin:0}.public-section>p{color:var(--muted)}.public-empty{max-width:650px;margin:30px auto;border:1px solid var(--line);border-radius:14px}.public-footer{background:#071733;color:#dce8ff;padding:30px 12%;display:flex;justify-content:space-between}.public-footer strong,.public-footer span{display:block}.public-footer small{color:#91a6d4}.install-body{min-height:100vh;background:radial-gradient(circle at 20% 0,#dceaff,transparent 35%),#f4f7ff;padding:40px 18px}.install-wrap{width:min(100%,820px);margin:auto}.install-card{background:#fff;padding:38px;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(22,34,78,.12)}.install-card h1{font-size:31px;letter-spacing:-.8px;margin:8px 0}.install-card h2{font-size:18px;margin:28px 0 8px}.lead{color:var(--muted);font-size:16px;max-width:700px}.install-form{display:grid;gap:14px}.error-box,.success-box,.install-note{margin:18px 0;padding:14px;border-radius:10px}.error-box{background:#fff0f2;color:#9f2e47}.error-box ul{margin:7px 0 0;padding-left:20px}.success-box{background:#e7faef;color:#176c48}.install-note{background:#edf2ff;color:#425276;font-size:13px}@media(max-width:980px){.sidebar{width:84px;padding:20px 10px}.sidebar .logo span:not(.logo-mark),.sidebar nav a{font-size:0}.sidebar nav a span{font-size:20px}.sidebar-bottom>div:not(.avatar),.sidebar-bottom form{display:none}.main{margin-left:84px}.kpis{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:670px){.sidebar{display:none}.main{margin-left:0}.topbar{padding:0 18px}.top-search{min-width:auto;width:70%;font-size:12px}.content{padding:25px 16px}.page-heading{display:block}.page-heading .button{margin-top:14px}.kpis{grid-template-columns:1fr}.grid.two,.detail-grid{grid-template-columns:1fr}.form-actions,.activation-box{align-items:stretch;flex-direction:column}.tenant-hero{padding:70px 9%;min-height:390px}.tenant-hero h1{font-size:38px}.hero-symbol{display:none}.public-footer{padding:30px 9%;gap:16px;flex-direction:column}.install-card{padding:25px}.guest-header{padding:0 22px}.info-list div{grid-template-columns:1fr;gap:4px}.inline-form{flex-wrap:wrap}}
