@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Syne:wght@500;600&display=swap');
:root{--ink:#09080b;--panel:#121116;--panel2:#18161d;--line:rgba(255,255,255,.1);--text:#f4eff3;--muted:#99949f;--pink:#ff8fd4;--lav:#b59ae6;--green:#8de0ad;--red:#ff8b9e}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.portal{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:27px 22px;border-right:1px solid var(--line);background:#0d0c10;display:flex;flex-direction:column}.portalLogo img{width:195px}.role{margin:32px 0 18px;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase;display:flex;gap:8px;align-items:center}.role span{width:6px;height:6px;background:var(--pink);transform:rotate(45deg)}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:13px 14px;color:#a9a4ae;font-size:14px;border:1px solid transparent}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,rgba(255,143,212,.12),transparent);border-color:rgba(255,143,212,.18);color:var(--pink)}.sidebarBottom{margin-top:auto}.userCard{display:flex;gap:10px;align-items:center;padding-block:18px;border-top:1px solid var(--line)}.userCard>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--lav));color:#211522;font-weight:600}.userCard div{min-width:0}.userCard strong,.userCard small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userCard strong{font-size:12px}.userCard small{font-size:9px;color:var(--muted);margin-top:3px}.textButton{border:0;background:none;color:var(--muted);padding:6px 0;cursor:pointer}.portalMain{padding:48px clamp(25px,5vw,74px);min-width:0}.pageHead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.kicker{color:var(--pink);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:600}.pageHead h1{font-family:"Syne";font-size:clamp(34px,4vw,55px);font-weight:500;letter-spacing:-.045em;margin:9px 0}.pageHead>div>p:last-child{color:var(--muted);margin:0}.portalButton{border:0;background:linear-gradient(110deg,var(--pink),var(--lav));color:#19121b;min-height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-weight:600;cursor:pointer}.portalButton.compact{min-height:43px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stats article{padding:23px;background:var(--panel);border:1px solid var(--line)}.stats span,.stats small{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font:500 29px "Syne";margin:14px 0 7px}.panel{background:var(--panel);border:1px solid var(--line)}.panelHead{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panelHead h2,.sectionTitle h2{font:500 21px "Syne";margin:4px 0}.panelHead a,.panelHead>span{color:var(--pink);font-size:12px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);font-size:12px}th{color:#77727e;font-size:9px;letter-spacing:.14em;text-transform:uppercase}td strong,td small{display:block}td small{color:var(--muted);margin-top:5px;font-size:10px}.badge{display:inline-flex;padding:5px 8px;border:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.badge.active,.badge.paid{color:var(--green);border-color:rgba(141,224,173,.3);background:rgba(141,224,173,.07)}.badge.due,.badge.overdue{color:var(--red);border-color:rgba(255,139,158,.3);background:rgba(255,139,158,.07)}select{background:#19171d;color:var(--text);border:1px solid var(--line);padding:8px}.contentGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.formPanel{padding:25px;height:max-content}.formPanel h2{font:500 25px "Syne";margin:6px 0 23px}.stackForm{display:grid;gap:14px}.stackForm label{display:grid;gap:7px;color:#aaa5af;font-size:11px}.stackForm input,.stackForm select,.stackForm textarea{width:100%;border:1px solid var(--line);background:#0d0c10;color:var(--text);padding:11px 12px;outline:none}.stackForm input:focus,.stackForm select:focus,.stackForm textarea:focus{border-color:var(--pink)}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alert{padding:13px 15px;margin-bottom:18px;font-size:12px}.alert.success{color:var(--green);border:1px solid rgba(141,224,173,.3);background:rgba(141,224,173,.07)}.alert.error{color:var(--red);border:1px solid rgba(255,139,158,.3);background:rgba(255,139,158,.07)}.serviceList{display:grid;gap:12px}.managedCard{padding:23px;background:var(--panel);border:1px solid var(--line)}.managedCard>div{display:flex;justify-content:space-between;align-items:center}.managedCard>div small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.managedCard h2{font:500 23px "Syne";margin:23px 0 9px}.managedCard p{color:var(--muted);font-size:12px;line-height:1.6}.managedCard footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;justify-content:space-between;align-items:end;color:var(--muted);font-size:11px}.managedCard footer strong{font:500 18px "Syne";color:var(--text)}.managedCard footer strong small{font:400 9px "DM Sans";color:var(--muted)}.clientStats{grid-template-columns:repeat(3,1fr)}.clientGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sectionTitle{margin-bottom:18px}.invoiceCards article{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);font-size:12px}.invoiceCards strong,.invoiceCards small{display:block}.invoiceCards small{color:var(--muted);margin-top:4px;font-size:10px}.loginBody{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(181,154,230,.14),transparent 38%),var(--ink);padding:25px}.loginCard{width:min(430px,100%);padding:38px;background:var(--panel);border:1px solid rgba(255,143,212,.25)}.loginCard>a img{width:240px}.loginIntro{margin:45px 0 25px}.loginIntro>span{color:var(--pink);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.loginIntro h1{font:500 38px "Syne";letter-spacing:-.04em;margin:10px 0}.loginIntro p{color:var(--muted);font-size:13px}.demoLogins{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:6px;color:var(--muted);font-size:10px}.demoLogins strong{color:var(--text);font-size:11px}@media(max-width:900px){.portal{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center}.role,.sidebarBottom{display:none}.sidebar nav{grid-column:1/-1;display:flex;overflow:auto;margin-top:15px}.portalMain{padding:32px 18px}.stats{grid-template-columns:1fr 1fr}.contentGrid,.clientGrid{grid-template-columns:1fr}.pageHead{align-items:flex-start;gap:20px}.pageHead .portalButton{white-space:nowrap}}@media(max-width:560px){.stats,.clientStats{grid-template-columns:1fr}.pageHead{display:block}.pageHead .portalButton{margin-top:20px}.formRow{grid-template-columns:1fr}.loginCard{padding:25px}.invoiceCards article{grid-template-columns:1fr auto}.invoiceCards article>strong:last-child{grid-column:1/-1}}