:root{
  --bg:#071018;--panel:#0d1722;--panel2:#101d29;--line:#203445;--text:#f4f7fa;--muted:#9db0bf;
  --cyan:#18e1d5;--blue:#2d8cff;--danger:#ff6675;--warn:#ffbe55;--ok:#4ee29b;--shadow:0 18px 45px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,#0d2b35 0,#071018 35%,#050b11 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,11,17,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.brand span{font-size:20px}.navlinks{display:flex;align-items:center;gap:18px;color:#c2d0da;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:11px 16px;font-weight:700;cursor:pointer;transition:.2s;background:#142231;color:white}.btn:hover{transform:translateY(-1px);border-color:#35526b}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031119;box-shadow:0 10px 30px rgba(24,225,213,.16)}.btn-danger{background:#3a1820;color:#ffb9c0;border-color:#632933}.btn-ghost{background:transparent;border-color:#2a4052}.btn-sm{padding:8px 11px;border-radius:10px;font-size:13px}.hero{padding:88px 0 52px;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border-radius:999px;background:#0d232a;border:1px solid #1a5055;color:#9ff6ee;font-size:12px;font-weight:700}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:18px 0 18px;letter-spacing:-.04em}.grad{background:linear-gradient(90deg,#fff,#89f5ef 45%,#5aa7ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.7;color:#b4c4cf;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.mock{background:linear-gradient(180deg,#0f1e2b,#0a141e);border:1px solid #244154;border-radius:28px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.mock:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#16d5c629;filter:blur(20px);right:-70px;top:-60px}.mock img{display:block;border-radius:22px;position:relative}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(15,29,41,.96),rgba(10,20,29,.96));border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.card h3,.card h4{margin:0 0 10px}.metric{font-size:28px;font-weight:800;letter-spacing:-.03em}.muted{color:var(--muted)}.section{padding:54px 0}.section h2{font-size:36px;margin:0 0 12px}.section-lead{color:#aebfcb;max-width:760px;line-height:1.7}.feature{min-height:190px}.feature .icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#103943,#14305b);border:1px solid #285269;margin-bottom:15px}.footer{padding:36px 0;border-top:1px solid #1c2c39;color:#8ea3b2;margin-top:48px}.auth-wrap{min-height:calc(100vh - 75px);display:grid;place-items:center;padding:30px 0}.auth-card{width:min(500px,100%);padding:28px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;color:#adc0cd;margin:0 0 7px}.input,.select,.textarea{width:100%;background:#08121b;border:1px solid #263d4f;color:white;border-radius:12px;padding:12px 13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#23aeb6;box-shadow:0 0 0 3px #1de2d315}.textarea{min-height:110px;resize:vertical}.alert{padding:13px 15px;border-radius:13px;margin:12px 0;border:1px solid}.alert-success{background:#0d2d24;border-color:#235d49;color:#bff6df}.alert-danger{background:#35171d;border-color:#672c39;color:#ffd0d5}.alert-warn{background:#342714;border-color:#6e5426;color:#ffe0a5}.shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 75px)}.sidebar{border-right:1px solid #1c2e3b;padding:20px 16px;background:#08121a}.side-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#638094;margin:18px 10px 8px}.side-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:#adc0cd;margin-bottom:4px}.side-link:hover,.side-link.active{background:#112433;color:#fff}.content{padding:28px}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-title h1{margin:0 0 4px;font-size:30px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{padding:18px}.kpi .label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#7f96a7}.kpi .value{font-size:26px;font-weight:800;margin-top:7px}.table-wrap{overflow:auto;border-radius:16px;border:1px solid #223646}.table{width:100%;border-collapse:collapse;min-width:720px;background:#0c1721}.table th,.table td{padding:13px 14px;border-bottom:1px solid #1b2d3a;text-align:left;font-size:14px}.table th{color:#7890a1;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#1a2a37;color:#d9e5ec}.badge.ok{background:#123429;color:#a7f2d2}.badge.warn{background:#3a2a11;color:#ffd694}.badge.danger{background:#3a171f;color:#ffbec5}.progress{height:10px;border-radius:999px;background:#172633;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:999px}.plan{position:relative;overflow:hidden}.plan:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-60px;top:-60px;background:#16dacc1b}.plan .rate{font-size:34px;font-weight:900;color:#8df9f1}.numbers{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.num{padding:9px 5px;text-align:center;border-radius:9px;border:1px solid #284153;background:#0c1721;font-size:12px;cursor:pointer}.num.available:hover{border-color:#2fd4ce}.num.reserved{background:#3b2c14;color:#ffd89a}.num.paid{background:#12362b;color:#9cf1ce}.num input{display:none}.num.selected{outline:2px solid #22d8d0}.safe-banner{background:linear-gradient(90deg,#3a2a14,#2c2010);border-bottom:1px solid #6f5526;color:#ffd997;text-align:center;padding:8px 12px;font-size:12px;font-weight:700}.logo-large{width:100%;max-width:440px;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty{padding:28px;text-align:center;color:#7890a1}.right{text-align:right}.nowrap{white-space:nowrap}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 9px;border-radius:999px;background:#10212e;color:#a9c0cf;font-size:12px}.countdown{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;color:#a2fff8}.mobile-nav{display:none}.hide-mobile{display:block}
@media(max-width:980px){.hero{grid-template-columns:1fr}.grid-4,.kpis{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px 0}.mobile-nav{display:flex;position:fixed;z-index:60;bottom:10px;left:50%;transform:translateX(-50%);width:min(94%,620px);background:#0a141ded;border:1px solid #294052;border-radius:18px;padding:8px;backdrop-filter:blur(18px);justify-content:space-around}.mobile-nav a{font-size:11px;color:#b1c2cd;padding:8px}.hide-mobile{display:none}}
@media(max-width:680px){.container{width:min(100% - 22px,1180px)}.navlinks>a:not(.btn){display:none}.hero{padding-top:46px}.hero h1{font-size:42px}.grid-2,.grid-3,.grid-4,.kpis,.split{grid-template-columns:1fr}.numbers{grid-template-columns:repeat(5,1fr)}.content{padding-bottom:90px}.page-title{flex-direction:column}.section h2{font-size:30px}.card{padding:16px}.metric{font-size:24px}}

/* ===== VENTIX UI 1.1 — Premium responsive dashboard ===== */
:root{
  --surface:rgba(10,22,32,.78);--surface-2:rgba(14,31,43,.82);--surface-3:rgba(17,39,53,.74);
  --cyan-soft:#77fff5;--violet:#7c5cff;--ring:0 0 0 1px rgba(113,237,231,.05),0 18px 55px rgba(0,0,0,.25);
}
html{background:#040a10}body{isolation:isolate;overflow-x:hidden;background:#050c13}
.ambient-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:linear-gradient(150deg,#040a10 0%,#07131d 48%,#050a10 100%)}
.ambient-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,183,204,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(83,183,204,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 82%)}
.orb{position:absolute;border-radius:999px;filter:blur(75px);opacity:.28;will-change:transform;animation:floatOrb 19s ease-in-out infinite alternate}
.orb-a{width:520px;height:520px;background:#12ddd2;top:-180px;right:-100px}.orb-b{width:430px;height:430px;background:#226cff;left:-160px;top:35%;animation-duration:24s;animation-delay:-7s}.orb-c{width:380px;height:380px;background:#754bff;right:14%;bottom:-180px;opacity:.16;animation-duration:28s;animation-delay:-11s}
@keyframes floatOrb{0%{transform:translate3d(-3%,0,0) scale(.96)}50%{transform:translate3d(6%,5%,0) scale(1.06)}100%{transform:translate3d(-1%,9%,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.orb{animation:none!important}.card,.btn,.side-link{transition:none!important}}
.safe-banner{position:relative;z-index:90;background:linear-gradient(90deg,rgba(57,39,12,.94),rgba(37,27,11,.94),rgba(57,39,12,.94));box-shadow:0 5px 28px rgba(0,0,0,.22);letter-spacing:.01em}.safe-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffc455;box-shadow:0 0 12px #ffc455;margin-right:6px;animation:pulseSafe 2s infinite}@keyframes pulseSafe{50%{opacity:.4;transform:scale(.85)}}
.topbar{background:rgba(4,10,16,.68);border-bottom:1px solid rgba(125,223,232,.09);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.nav.nav-wide{width:min(1500px,calc(100vw - 32px));margin:auto}.brand img{box-shadow:0 0 0 1px rgba(120,255,247,.1),0 8px 25px rgba(10,211,205,.11)}
.top-icon-link{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(129,203,220,.14);border-radius:13px;background:rgba(15,31,43,.66);color:#cce0e8}.notification-dot{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff6375,#ff3566);font-size:10px;font-weight:800;color:white;border:2px solid #071018}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 6px;border-radius:15px;border:1px solid rgba(137,204,221,.14);background:rgba(10,24,34,.68)}.avatar-circle{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#021016;font-weight:900;box-shadow:0 7px 20px rgba(26,217,214,.16)}.avatar-lg{width:43px;height:43px;border-radius:14px;font-size:16px}.user-chip-text{display:flex;flex-direction:column;line-height:1.1}.user-chip-text strong{font-size:13px}.user-chip-text small{font-size:10px;color:#7893a4;margin-top:3px}.flash-container{position:relative;z-index:5}
.dashboard-body .footer{display:none}.dashboard-body .container.shell{width:min(1500px,calc(100vw - 28px));max-width:none;margin:0 auto}.shell{grid-template-columns:245px minmax(0,1fr);gap:0;min-height:calc(100vh - 116px);border-left:1px solid rgba(106,179,201,.06);border-right:1px solid rgba(106,179,201,.06);background:rgba(3,11,17,.16)}
.sidebar{position:sticky;top:105px;align-self:start;height:calc(100vh - 116px);overflow:auto;border-right:1px solid rgba(95,164,185,.12);padding:18px 13px 24px;background:linear-gradient(180deg,rgba(5,15,23,.78),rgba(5,12,19,.58));backdrop-filter:blur(20px)}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#183341;border-radius:999px}.sidebar-profile{display:flex;align-items:center;gap:11px;margin:2px 5px 20px;padding:11px;border:1px solid rgba(108,190,206,.11);border-radius:16px;background:linear-gradient(135deg,rgba(19,45,57,.68),rgba(10,24,35,.62))}.sidebar-profile>div:last-child{display:flex;flex-direction:column;min-width:0}.sidebar-profile strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{font-size:10px;color:#718d9f;margin-top:3px}.side-title{margin:17px 11px 7px;color:#52778c}.side-link{position:relative;border:1px solid transparent;color:#9db3c1;padding:10px 11px;border-radius:13px;transition:.18s ease}.side-link .ui-icon{opacity:.8;flex:0 0 auto}.side-link:hover{transform:translateX(2px);background:rgba(15,46,59,.58);border-color:rgba(87,214,217,.09);color:#e8f7fa}.side-link.active{background:linear-gradient(105deg,rgba(22,219,210,.14),rgba(45,140,255,.09));border-color:rgba(65,226,220,.17);color:#eaffff;box-shadow:inset 3px 0 0 var(--cyan),0 10px 25px rgba(0,0,0,.08)}.side-link.active .ui-icon{color:#6cfff6;opacity:1}.sidebar-foot{display:flex;gap:10px;align-items:center;margin:24px 7px 0;padding:11px;border-radius:14px;background:rgba(8,26,35,.7);border:1px solid rgba(74,179,194,.1)}.sidebar-foot>div{display:flex;flex-direction:column}.sidebar-foot strong{font-size:11px}.sidebar-foot small{font-size:9px;color:#6f8c9b;margin-top:2px}.status-pulse{width:9px;height:9px;border-radius:50%;background:#44e7a1;box-shadow:0 0 14px #44e7a1;flex:0 0 auto}
.content{padding:28px 30px 46px;min-width:0}.page-title{align-items:center}.page-title h1{font-size:clamp(25px,2.2vw,34px);letter-spacing:-.035em}.page-title .muted{font-size:14px}.ui-icon{display:block}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(14,31,43,.85),rgba(7,18,27,.82));border:1px solid rgba(109,188,208,.15);box-shadow:var(--ring);backdrop-filter:blur(16px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(126,255,247,.19),transparent);pointer-events:none}.card:hover{border-color:rgba(92,218,222,.22);box-shadow:0 0 0 1px rgba(113,237,231,.04),0 22px 58px rgba(0,0,0,.29)}
.kpis{gap:16px}.kpi{min-height:126px;display:flex;flex-direction:column;justify-content:center;padding:18px 20px}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(28,229,215,.14),rgba(45,140,255,.14));border:1px solid rgba(84,226,223,.12);color:#88fff7}.kpi .value{font-size:29px;margin-top:10px;letter-spacing:-.045em}.kpi .label{color:#7f9eb0}.kpi-trend{font-size:11px;color:#76a0b1;margin-top:5px}.kpi:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-50px;background:rgba(30,225,214,.05);filter:blur(4px)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;margin-top:16px}.stack{display:grid;gap:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.card-head h3{margin:0}.card-head .muted{font-size:12px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(99,173,195,.13);background:rgba(5,17,25,.5);border-radius:14px;color:#cfe0e8;transition:.18s}.quick-action:hover{transform:translateY(-2px);border-color:rgba(62,221,215,.26);background:rgba(12,37,48,.65)}.quick-action .qa-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(23,207,202,.1);color:#7efff6}.activity-list{display:grid;gap:0}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(111,169,186,.09)}.activity-item:last-child{border-bottom:0}.activity-dot{margin-top:5px;width:8px;height:8px;border-radius:50%;background:#42ddd5;box-shadow:0 0 10px rgba(66,221,213,.48);flex:0 0 auto}.activity-item div{min-width:0}.activity-item strong{display:block;font-size:12px}.activity-item small{display:block;color:#7892a2;font-size:10px;margin-top:3px}.finance-bars{display:grid;gap:13px}.finance-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.5fr) auto;align-items:center;gap:12px;font-size:12px}.mini-bar{height:8px;background:rgba(112,171,190,.09);border-radius:999px;overflow:hidden}.mini-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue));min-width:3px}.finance-row strong{font-size:12px}.system-card{background:linear-gradient(145deg,rgba(10,34,43,.88),rgba(7,20,31,.82))}.system-status{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.status-box{padding:12px;border:1px solid rgba(92,183,199,.11);border-radius:14px;background:rgba(4,15,23,.48)}.status-box small{display:block;color:#7691a1;font-size:10px}.status-box strong{display:block;margin-top:5px;font-size:12px}.status-ok{color:#82efbd}
.referral-banner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 0 18px;padding:18px 20px;border-radius:20px;background:linear-gradient(120deg,rgba(15,69,75,.68),rgba(16,37,67,.75));border:1px solid rgba(74,229,221,.18);box-shadow:0 18px 48px rgba(0,0,0,.18);position:relative;overflow:hidden}.referral-banner:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(36,225,215,.09);right:-70px;top:-80px;filter:blur(8px)}.referral-info{position:relative;z-index:1}.referral-info small{color:#83afb9}.referral-code{display:inline-flex;margin-top:5px;padding:5px 8px;border-radius:8px;background:rgba(3,14,20,.43);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#9ffff8}.referral-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.share-link{max-width:470px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbe0e8;font-size:12px;margin-top:6px}
.btn{border-radius:13px;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}.btn-primary{background:linear-gradient(135deg,#1ce0d4,#2d8cff);box-shadow:0 11px 28px rgba(31,205,213,.14)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 14px 34px rgba(31,205,213,.22)}.btn-ghost{background:rgba(11,27,38,.62);border-color:rgba(97,174,194,.18)}
.table-wrap{border-color:rgba(102,174,195,.13);background:rgba(4,15,23,.38)}.table{background:transparent}.table th{background:rgba(9,25,35,.72);position:sticky;top:0;z-index:1}.table td{border-color:rgba(97,153,171,.09)}.table tbody tr{transition:.15s}.table tbody tr:hover{background:rgba(18,57,69,.26)}
.mobile-nav{box-shadow:0 12px 44px rgba(0,0,0,.44)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;min-width:52px;transition:.18s}.mobile-nav a.active{color:#8ffff8;background:linear-gradient(180deg,rgba(26,221,210,.13),rgba(38,135,255,.08))}.mobile-nav .ui-icon{opacity:.9}
.install-card{position:fixed;right:18px;bottom:18px;z-index:120;width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px 14px;border:1px solid rgba(94,222,219,.23);border-radius:20px;background:rgba(8,22,31,.94);backdrop-filter:blur(20px);box-shadow:0 25px 80px rgba(0,0,0,.46);animation:installIn .35s ease both}.install-card[hidden]{display:none}.install-card img{width:48px;height:48px;border-radius:14px}.install-copy{display:flex;flex-direction:column;min-width:0}.install-copy strong{font-size:13px}.install-copy span{font-size:10px;color:#83a0af;margin-top:3px}.install-close{position:absolute;right:7px;top:-11px;width:25px;height:25px;border:1px solid rgba(130,194,208,.14);border-radius:50%;background:#10202b;color:#a7bdc7;cursor:pointer}.hide-install{display:none!important}@keyframes installIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.modal-backdrop{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:18px;background:rgba(1,6,10,.72);backdrop-filter:blur(12px)}.modal-backdrop[hidden]{display:none}.modal-card{position:relative;width:min(430px,100%);padding:28px;border-radius:24px;background:linear-gradient(145deg,#10212d,#09151e);border:1px solid rgba(92,219,218,.22);box-shadow:0 30px 90px rgba(0,0,0,.58);text-align:center}.modal-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 14px;border-radius:18px;background:rgba(28,223,214,.12);color:#83fff8}.modal-card h3{margin:0 0 8px}.modal-card p{color:#91aab8;line-height:1.6}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#8ca5b3;font-size:24px;cursor:pointer}
.install-trigger{white-space:nowrap}
.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner strong{color:white}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.shell{grid-template-columns:220px minmax(0,1fr)}.content{padding:24px 22px 44px}.nav.nav-wide{width:min(100% - 24px,1500px)}}
@media(max-width:980px){.dashboard-body .container.shell{width:min(100% - 16px,900px)}.shell{display:block}.sidebar{display:none}.content{padding:22px 8px 100px}.dashboard-grid{grid-template-columns:1fr}.nav.nav-wide{width:min(100% - 22px,900px)}.user-chip-text{display:none}.user-chip{padding:5px}.topbar .brand span{font-size:17px}.mobile-nav{display:flex;bottom:max(10px,env(safe-area-inset-bottom));padding:7px}.dashboard-body{padding-bottom:76px}}
@media(max-width:680px){.safe-banner{font-size:9px;padding:7px 8px}.nav{height:64px}.brand img{width:36px;height:36px}.navlinks{gap:7px}.top-icon-link{width:37px;height:37px}.content{padding-top:18px}.page-title{align-items:flex-start;margin-bottom:16px}.page-title h1{font-size:26px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{min-height:112px;padding:14px}.kpi .value{font-size:22px}.kpi-icon{width:34px;height:34px}.dashboard-grid{gap:12px;margin-top:12px}.card{border-radius:17px}.quick-actions{grid-template-columns:1fr 1fr}.finance-row{grid-template-columns:1fr auto}.finance-row .mini-bar{grid-column:1/-1;grid-row:2}.system-status{grid-template-columns:1fr 1fr}.referral-banner{grid-template-columns:1fr;padding:16px}.referral-actions{width:100%}.referral-actions .btn{flex:1}.share-link{max-width:100%}.install-card{left:10px;right:10px;bottom:88px;width:auto;grid-template-columns:44px 1fr}.install-card img{width:44px;height:44px}.install-card>.btn{grid-column:1/-1}.mobile-nav{width:calc(100% - 18px);border-radius:17px}.mobile-nav a{font-size:9px;padding:7px 5px}.grid-3,.grid-4{gap:10px}.table{min-width:650px}.hide-mobile-nav{display:none!important}}
@media(max-width:430px){.kpis{grid-template-columns:1fr 1fr}.kpi{padding:13px 12px}.kpi .label{font-size:9px}.kpi .value{font-size:20px}.quick-actions{grid-template-columns:1fr}.system-status{grid-template-columns:1fr}.navlinks .install-trigger{display:none!important}.page-title .btn{width:100%}.content{padding-left:3px;padding-right:3px}}