*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{color:#111318;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{transition:all .18s}.overline{color:#f45b69;letter-spacing:.16em;font-size:10px;font-weight:850}.primaryLink,.secondaryLink,.copyButton{border-radius:9px;justify-content:center;align-items:center;padding:12px 16px;font-size:11px;font-weight:800;display:inline-flex}.primaryLink{color:#fff;background:#111318}.secondaryLink,.copyButton{color:#343840;background:#fff;border:1px solid #dfe2e7}.loginScreen{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.loginBrand{color:#fff;background:radial-gradient(circle at 15% 10%,#f45b692e,#0000 32%),#0b0b0f;flex-direction:column;justify-content:space-between;min-height:100vh;padding:58px 64px;display:flex}.loginLogo{align-items:center;gap:10px;font-weight:800;display:flex}.loginLogo span{background:linear-gradient(135deg,#f02869,#fc9e85);border-radius:10px;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.loginBrand h1{letter-spacing:-.07em;margin:18px 0 22px;font-size:clamp(60px,7vw,105px);line-height:.86}.loginBrand p{color:#969aa4;max-width:580px;font-size:17px;line-height:1.6}.loginBrand small{color:#555a64}.loginArea{place-items:center;padding:40px;display:grid}.loginCard{background:#fff;border:1px solid #e2e4e8;border-radius:20px;width:min(100%,430px);padding:44px;box-shadow:0 28px 80px #11131814}.loginCard h2{letter-spacing:-.045em;margin:10px 0;font-size:36px}.loginCard>p{color:#858a94}.loginForm label,.companyForm label{color:#656a74;font-size:11px;font-weight:750;display:block}.loginForm label{margin-top:18px}input,select{color:#111318;background:#fff;border:1px solid #dfe2e7;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:13px 14px}input:focus,select:focus{border-color:#f45b69;box-shadow:0 0 0 3px #f45b6917}.loginForm button,.createButton{color:#fff;cursor:pointer;background:#111318;border:0;border-radius:9px;font-weight:800}.loginForm button{width:100%;margin-top:22px;padding:14px}button:disabled{opacity:.55;cursor:wait}.error{color:#b13242;background:#fff0f1;border-radius:8px;margin-top:15px;padding:12px;font-size:11px}.adminLayout{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b0b0f;flex-direction:column;justify-content:space-between;height:100vh;min-height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand>span{background:linear-gradient(135deg,#f02869,#fc9e85);border-radius:9px;place-items:center;width:37px;height:37px;font-size:11px;font-weight:900;display:grid}.brand strong{font-size:14px}.adminName{background:#101216;border:1px solid #24262c;border-radius:12px;margin:30px 0 22px;padding:15px}.adminName span{color:#656b76;letter-spacing:.13em;font-size:8px;font-weight:850;display:block}.adminName strong{margin-top:7px;font-size:12px;display:block}.adminName small{color:#6e737d;margin-top:3px;font-size:9px;display:block}.sidebar nav{gap:4px;display:grid}.sidebar nav a,.sidebar nav>span{color:#898e98;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.sidebar nav .active{color:#fff;background:#1b1e23}.sidebar nav em{color:#555b65;font-size:7px;font-style:normal}.logout{color:#8b9099;cursor:pointer;background:0 0;border:1px solid #292c32;border-radius:8px;width:100%;padding:10px}.content{min-width:0;padding:38px}.contentHeader{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.contentHeader h1,.newCompanyHeader h1,.companyDetailHeader h1{letter-spacing:-.045em;margin:8px 0;font-size:38px}.contentHeader p,.newCompanyHeader p{color:#858a94;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px;display:grid}.stats article{background:#fff;border:1px solid #e1e4e8;border-radius:13px;padding:20px}.stats span{color:#818690;font-size:10px}.stats strong{letter-spacing:-.04em;margin-top:10px;font-size:28px;display:block}.stats small{color:#a0a4ac;margin-top:5px;font-size:9px;display:block}.tablePanel{background:#fff;border:1px solid #e1e4e8;border-radius:15px;margin-top:15px;overflow:hidden}.tableHeader{justify-content:space-between;align-items:center;padding:22px;display:flex}.tableHeader h2{margin:6px 0 0;font-size:17px}.companyFilters{background:#fafbfc;border-top:1px solid #eceef1;grid-template-columns:1fr 210px;gap:10px;padding:14px 20px;display:grid}.companyFilters input,.companyFilters select{margin:0}.table{border-top:1px solid #eceef1}.tableRow{border-bottom:1px solid #eceef1;grid-template-columns:1.4fr .65fr .65fr .45fr 1.8fr;align-items:center;gap:18px;min-height:78px;padding:13px 20px;font-size:11px;display:grid}.tableRow>div:first-child strong{display:block}.tableRow>div:first-child a{color:#8b9099;width:fit-content;margin-top:4px;font-size:9px;display:block}.tableRow>div:first-child a:first-of-type{color:#4c5260;font-weight:750}.tableTitles{color:#9499a2;background:#fafafa;min-height:40px;font-size:9px;font-weight:800}.emptyRows{text-align:center;color:#8e939c;padding:50px 20px;font-size:11px}.status{border-radius:999px;width:fit-content;padding:5px 8px;font-size:8px;font-weight:850}.status-active{color:#168447;background:#e9f8ef}.status-suspended,.status-cancelled{color:#af3442;background:#fff0f1}.status-past_due{color:#9b6710;background:#fff5df}.status-trial,.status-pending{color:#4654a3;background:#eef2ff}.companyActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.companyActions select{width:auto;min-width:105px;margin:0;padding:7px;font-size:9px}.companyActions button{cursor:pointer;background:#fff;border:1px solid #dfe1e5;border-radius:7px;padding:7px 9px;font-size:9px}.companyActions .danger{color:#ad3340}.newCompanyScreen,.companyDetailScreen{max-width:1120px;margin:auto;padding:45px 30px 80px}.newCompanyHeader>a,.companyDetailHeader>a{color:#767c86;margin-bottom:35px;font-size:11px;display:block}.companyForm{background:#fff;border:1px solid #e1e4e8;border-radius:16px;margin-top:35px;padding:30px}.formSectionTitle{border-bottom:1px solid #eceef1;align-items:center;gap:12px;margin:28px 0 20px;padding:3px 0 18px;display:flex}.formSectionTitle:first-child{margin-top:0}.formSectionTitle>span{color:#fff;background:#111318;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.formSectionTitle strong{font-size:13px;display:block}.formSectionTitle small{color:#9499a2;margin-top:3px;font-size:9px;display:block}.formGrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.wideField{grid-column:1/-1}.companyForm label>small{color:#9a9fa8;margin-top:6px;font-weight:500;display:block}.domainInput{align-items:center;display:flex}.domainInput input{border-radius:9px 0 0 9px;min-width:0}.domainInput span{color:#8a8f98;white-space:nowrap;background:#f6f7f8;border:1px solid #dfe2e7;border-left:0;border-radius:0 9px 9px 0;margin-top:7px;padding:13px;font-size:10px}.createButton{margin-top:28px;padding:14px 22px}.successBox{background:#fff;border:1px solid #dfe3e7;border-radius:16px;margin-top:35px;padding:35px}.successBox>span{color:#1c9a58;letter-spacing:.14em;font-size:10px;font-weight:850}.successBox h2{margin-bottom:6px}.successBox p{color:#838892}.credentials{border-top:1px solid #eceef1;margin:25px 0}.credentials div{border-bottom:1px solid #eceef1;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.credentials span{color:#858a93;font-size:10px}.credentials strong{text-align:right;overflow-wrap:anywhere;font-size:11px}.successActions{flex-wrap:wrap;gap:8px;display:flex}.copyButton{cursor:pointer}.detailHeading{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.companyUrl{color:#7f848e;font-size:11px}.detailGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px;display:grid}.detailCard,.detailPanel{background:#fff;border:1px solid #e1e4e8;border-radius:14px}.detailCard{padding:20px}.detailCard span,.panelTitle>span{color:#8b9099;letter-spacing:.12em;font-size:9px;font-weight:800}.detailCard strong{margin-top:10px;font-size:20px;display:block}.detailColumns{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.detailPanel{overflow:hidden}.panelTitle{border-bottom:1px solid #eceef1;padding:20px}.panelTitle h2{margin:5px 0 0;font-size:15px}.detailRow{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;display:flex}.detailRow:last-child{border-bottom:0}.detailRow strong{font-size:11px;display:block}.detailRow small{color:#91969f;margin-top:3px;font-size:9px;display:block}.emptyDetail{color:#8e939c;padding:30px 20px;font-size:10px;line-height:1.5}.customPanel{margin-top:12px}@media (max-width:1080px){.tableRow{grid-template-columns:1.2fr .6fr .6fr .4fr 1.3fr}.stats,.detailGrid{grid-template-columns:1fr 1fr}}@media (max-width:850px){.adminLayout{grid-template-columns:1fr}.sidebar{height:auto;min-height:auto;position:static}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar nav>span{display:none}.content{padding:25px 18px}.tableRow{grid-template-columns:1fr;gap:8px;padding:20px}.tableTitles{display:none}.companyFilters,.formGrid,.detailColumns{grid-template-columns:1fr}.wideField{grid-column:auto}.detailHeading,.contentHeader{flex-direction:column;align-items:flex-start}.loginScreen{grid-template-columns:1fr}.loginBrand{display:none}}@media (max-width:560px){.stats,.detailGrid{grid-template-columns:1fr 1fr}.companyForm{padding:20px}.newCompanyScreen,.companyDetailScreen{padding:30px 16px 60px}.domainInput{display:block}.domainInput input,.domainInput span{border:1px solid #dfe2e7;border-radius:9px;width:100%}.domainInput span{text-align:center;margin-top:5px;display:block}}
