:root{--bg:#f5f7f8;--card:#fff;--ink:#101416;--muted:#667277;--brand:#19d3c5;--line:#dce4e6;--danger:#c73737;--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1;margin:.2rem 0 1rem}h2{margin:.25rem 0 1rem}h3{margin:0 0 .3rem}p{color:var(--muted);line-height:1.55}.brand{font-size:2rem;font-weight:800;letter-spacing:-1.5px}.brand span{color:#fff}.brand b{color:var(--brand)}.brand.small{font-size:1.45rem}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:20px;background:#0b0f10}.auth-card{width:min(440px,100%);background:var(--card);padding:32px;border-radius:24px;box-shadow:0 20px 60px #0008}.auth-card.wide{width:min(760px,100%)}.auth-card .brand span{color:var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.72rem;color:#0a938a}.topbar{height:68px;padding:0 max(18px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#0b0f10;color:white;position:sticky;top:0;z-index:5}.topbar a{color:white;text-decoration:none}.container{width:min(1120px,calc(100% - 28px));margin:34px auto 80px}.container.narrow{width:min(760px,calc(100% - 28px))}.page-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 8px 30px #1833380a}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1/-1}label{display:grid;gap:7px;font-weight:700;font-size:.9rem}input,select{width:100%;padding:13px 14px;border:1px solid #cbd5d8;border-radius:12px;font:inherit;background:white}input:focus,select:focus{outline:3px solid #19d3c533;border-color:var(--brand)}small{color:var(--muted);font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 16px;font-weight:800;text-decoration:none;cursor:pointer}.button.primary{background:var(--brand);color:#062b28}.button.ghost{background:#eef3f4;color:var(--ink)}form>.button{width:100%;margin-top:8px}.alert{padding:13px 15px;border-radius:12px;margin:16px 0}.alert.error{background:#fff0f0;color:#8e2020}.alert.success{background:#e9fbf8;color:#086d65}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stats article{background:#0b0f10;color:white;border-radius:16px;padding:20px}.stats strong{display:block;font-size:2rem;color:var(--brand)}.stats span{color:#c6d0d2}.company-list{display:grid}.company-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.company-row:first-child{border-top:0}.company-row p{margin:0}.row-actions{display:flex;align-items:center;gap:10px}.row-actions form{margin:0}.row-actions form>.button{margin:0;width:auto}.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:900;text-transform:uppercase}.badge.active,.badge.trial{background:#dff8f4;color:#08756c}.badge.suspended,.badge.cancelled{background:#ffe4e4;color:#9a2525}.action-bar{display:flex;justify-content:flex-end;gap:10px}.action-bar .button{width:auto}.hero-company{border-top:5px solid var(--brand);margin-bottom:18px}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.placeholder-grid>div{display:flex;gap:10px;padding:16px;background:#f3f6f7;border-radius:14px}.muted{color:#cbd5d8}.empty{text-align:center;padding:30px}hr{border:0;border-top:1px solid var(--line);width:100%}@media(max-width:680px){.grid.two,.stats,.placeholder-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{align-items:stretch;flex-direction:column}.page-head .button{width:100%}.company-row{align-items:flex-start;flex-direction:column}.row-actions{width:100%;justify-content:space-between}.auth-card{padding:24px}.container{margin-top:24px}.action-bar{position:sticky;bottom:0;background:white;padding-top:12px}.action-bar .button{flex:1}}
textarea{width:100%;padding:13px 14px;border:1px solid #cbd5d8;border-radius:12px;font:inherit;background:white;resize:vertical}textarea:focus{outline:3px solid #19d3c533;border-color:var(--brand)}.stats.one{grid-template-columns:minmax(0,1fr);max-width:360px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-grid>a,.module-grid>div{display:flex;gap:12px;align-items:center;padding:18px;background:#f3f6f7;border-radius:14px;text-decoration:none;font-size:1.25rem}.module-grid span{display:grid;gap:3px;font-size:.95rem}.module-grid small{display:block}.module-grid .disabled{opacity:.55}.filter-bar{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin-bottom:16px}.filter-bar .button{margin:0;width:auto}.client-list{padding-top:8px;padding-bottom:8px}.client-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.client-row:first-child{border-top:0}.client-row>a{flex:1;text-decoration:none}.client-row p{margin:0}.client-row>div{display:flex;align-items:center;gap:8px}.badge.inactive{background:#fff3d8;color:#8a5a00}.badge.archived{background:#e9edf0;color:#536066}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px}.detail-grid div{display:grid;gap:5px}.detail-grid strong{overflow-wrap:anywhere}.detail-grid p{margin:0}.inline-form{display:flex;align-items:end;gap:12px}.inline-form label{flex:1}
@media(max-width:680px){.module-grid,.detail-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.filter-bar .button{width:100%}.client-row{align-items:flex-start;flex-direction:column}.client-row>div{width:100%;justify-content:space-between}.inline-form{align-items:stretch;flex-direction:column}.detail-grid .span-2{grid-column:auto}}