:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172337;background:#eef2f7;font-size:15px}*{box-sizing:border-box}body{margin:0}.top{height:auto;min-height:68px;background:#14243a;color:white;padding:10px max(calc((100vw - 1200px)/2),20px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.login-brand{display:flex;align-items:center;gap:11px}.brand img{width:48px;height:48px;object-fit:contain}.brand strong,.login-brand strong{font-size:18px;letter-spacing:.1px}.brand small,.login-brand small{display:block;color:#ff6969;font-size:12px;font-weight:700;letter-spacing:.4px;margin-top:2px}.who{display:flex;align-items:center;gap:14px}.wrap{max-width:1200px;margin:24px auto;padding:0 18px}.card,.panel{background:white;border:1px solid #e1e7ef;border-radius:14px;padding:22px;margin:0 0 18px;box-shadow:0 4px 18px #1d35550a}.companybar{display:flex;justify-content:space-between;align-items:center;gap:20px}.companybar h1{margin:0 0 4px}.companybar p,.login p{color:#627086;margin:0}.switch{min-width:320px}.switch select{min-width:100%}h1{font-size:25px}h2{margin-top:0;font-size:19px}label{display:block;font-size:13px;font-weight:650;color:#3b4b62;margin:0 0 12px}input,select{display:block;width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 11px;margin-top:6px;background:white;color:#18283d;font:inherit}button{border:0;border-radius:8px;padding:10px 15px;background:#b51e2c;color:white;font-weight:700;cursor:pointer}button:hover{background:#941824}button.secondary{background:#eaf0f8;color:#243750}.who button{padding:8px 12px}.login{max-width:440px;margin:70px auto;padding:30px}.login h1{margin:16px 0 5px}.login form{margin-top:24px}.login form button{width:100%;margin-top:8px}.login-brand img{width:58px;height:58px;object-fit:contain}.login-brand{padding-bottom:10px;border-bottom:1px solid #e6eaf0}.login-brand strong{color:#172337}.notice,.alert{border-radius:10px;padding:13px 16px;margin:0 0 16px}.notice{background:#e9f7ef;color:#17653a}.alert{background:#fff0ef;color:#9d1c15}.inline-form,.grid-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.inline-form button,.grid-form button{margin-bottom:12px}.panel table{width:100%;border-collapse:collapse}.panel th,.panel td{padding:10px;border-bottom:1px solid #e6ebf1;vertical-align:top;text-align:left}.table-wrap{overflow:auto}.icon-actions{display:grid;gap:8px;min-width:230px}.icon-actions form{padding:8px;background:#f6f8fb;border-radius:8px}.fiel-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.fiel-mode-button{display:block;text-align:left;background:#b51e2c;padding:15px}.fiel-mode-button span{display:block;font-weight:400;margin-top:5px;color:#ffe8eb}.fiel-mode-button.secondary{background:#eef3fa;color:#26364b}.fiel-mode-button.secondary span{color:#55677f}[hidden]{display:none!important}details summary{cursor:pointer;font-weight:700}.muted{color:#64748b}.empty{text-align:center;color:#64748b;padding:24px!important}@media(max-width:720px){.wrap{margin:14px auto;padding:0 10px}.card,.panel{padding:16px}.companybar{align-items:stretch;flex-direction:column}.switch{min-width:0}.inline-form,.grid-form,.fiel-mode-buttons{grid-template-columns:1fr}.top{padding:8px 16px}.brand img{width:42px;height:42px}.who{font-size:13px}.panel td,.panel th{padding:8px}.login{margin:38px auto}}
.client-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-form button{align-self:end;margin-bottom:12px}.admin-pill{display:inline-block;border-radius:999px;background:#fdebed;color:#a51d2a;padding:8px 12px;font-size:13px;font-weight:750}@media(max-width:720px){.client-form{grid-template-columns:1fr}}
.onboarding h2{margin-bottom:16px}.company-onboarding,.billing-settings,.renew-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.billing-settings .wide{grid-column:1/-1}.billing-settings textarea{display:block;width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 11px;margin-top:6px;color:#18283d;font:inherit}.company-onboarding button,.billing-settings button,.renew-form button{margin-bottom:12px}.subscription>p{color:#475569}.notice-inline,.expired-inline{border-radius:9px;padding:13px 15px}.notice-inline{background:#e9f7ef;color:#17653a}.expired-inline{background:#fff0ef;color:#9d1c15}.payment-instructions{background:#f5f7fa;border-left:3px solid #b51e2c;border-radius:6px;padding:14px 16px;margin:14px 0}.payment-instructions div{margin-top:6px;line-height:1.6}.renew-form{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.renew-form label{min-width:0}.history{margin-top:18px}.history table{width:100%;border-collapse:collapse}.history th,.history td{padding:9px;border-bottom:1px solid #e6ebf1;text-align:left}.payment-actions{display:flex;flex-wrap:wrap;gap:7px;min-width:190px}.payment-actions button{font-size:12px;padding:8px 10px}@media(max-width:720px){.company-onboarding,.billing-settings,.renew-form{grid-template-columns:1fr}.billing-settings .wide{grid-column:auto}}

.company-tools{display:flex;align-items:end;gap:10px}.company-tools .switch{flex:1;min-width:300px;margin:0}.new-company{position:relative;padding-bottom:12px;white-space:nowrap}.new-company summary{list-style:none;border-radius:8px;padding:10px 14px;background:#b51e2c;color:#fff;font-weight:700;cursor:pointer}.new-company summary::-webkit-details-marker{display:none}.new-company summary:before{content:"+ ";font-size:17px}.new-company[open] .new-company-form{position:absolute;z-index:5;right:0;top:calc(100% + 2px);width:min(360px,calc(100vw - 40px));padding:16px;background:#fff;border:1px solid #d9e1eb;border-radius:12px;box-shadow:0 8px 28px #14243a24;white-space:normal}.new-company-form button{margin-top:2px}
@media(max-width:720px){.company-tools{width:100%;align-items:end}.company-tools .switch{min-width:0}.new-company{padding-bottom:12px}}
.trial-status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e9f7ef;border:1px solid #ccebd8;color:#17653a;border-radius:12px;padding:13px 16px;margin:0 0 18px}.trial-status-bar.expired{background:#fff0ef;border-color:#f5d2ce;color:#9d1c15}.payments-button{display:inline-block;flex:none;padding:10px 14px;border-radius:8px;background:#b51e2c;color:white;text-decoration:none;font-weight:700}.payments-button:hover{background:#941824;color:#fff}.subscription[id="payment-area"]{scroll-margin-top:18px}.subscription[id="payment-area"]>p{margin-top:-4px;color:#64748b}@media(max-width:600px){.trial-status-bar{align-items:stretch;flex-direction:column}.payments-button{text-align:center}}
.password-menu{position:relative}.password-menu summary{list-style:none;border-radius:8px;padding:8px 12px;background:#eaf0f8;color:#243750;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.password-menu summary::-webkit-details-marker{display:none}.password-form{position:absolute;z-index:10;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 24px));padding:16px;background:#fff;border:1px solid #d9e1eb;border-radius:12px;box-shadow:0 8px 28px #14243a24;color:#172337}.password-form label{color:#3b4b62}.password-form button{width:100%}.who{position:relative}.who>form{margin:0}@media(max-width:720px){.who{gap:7px}.password-menu summary{font-size:12px;padding:8px}.password-form{right:0}}
.payments-back{display:inline-block;padding:10px 14px;border-radius:8px;background:#eaf0f8;color:#243750;text-decoration:none;font-weight:700}.payments-back:hover{background:#dbe6f2;color:#18283d}