:root{font-family:Inter,Segoe UI,sans-serif;color:#16213a;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:64px;padding:0 max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:#13213c;color:#fff}.topbar div{display:flex;align-items:center;gap:9px}.topbar small{color:#9eacd0}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#5574e8;font-weight:800}.status{font-size:.8rem;color:#c7d2f1}.status.online{color:#8de0bd}.status.offline{color:#ffbd9c}main{width:min(920px,100%);margin:auto;padding:34px 20px 60px}.hero{padding:18px 0}.eyebrow{margin:0;color:#5970b8;font-size:.72rem;font-weight:800;letter-spacing:.12em}.hero h1{margin:6px 0;font-size:clamp(2rem,7vw,3.4rem);letter-spacing:-.045em}.hero p:last-child{color:#63708c;max-width:600px}.tabs{display:flex;gap:8px;margin:20px 0}.tab,.secondary,.primary{border:0;border-radius:10px;padding:10px 15px;font:inherit;font-weight:650;cursor:pointer}.tab{background:transparent;color:#62708c}.tab.active{background:#fff;color:#284fb9;box-shadow:0 5px 18px #23345a12}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:1.08rem}.secondary{background:#e7ebf5;color:#31415e}.primary{background:#385dcc;color:#fff}.cards{display:grid;gap:12px}.card{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border:1px solid #e4e8f1;border-radius:15px;padding:17px 18px;box-shadow:0 8px 30px #2a38540a}.card h3{margin:5px 0 3px;font-size:1rem}.card p{margin:0;color:#6b7790;font-size:.85rem}.pill{color:#526bb2;font-size:.7rem;font-weight:800;text-transform:uppercase}.stage{font-size:.78rem;color:#51627e}.message{margin:12px 0;padding:13px 15px;border-radius:10px;background:#fff3dc;color:#765010}.hidden{display:none!important}footer{text-align:center;padding:25px;color:#7c879d;font-size:.78rem}@media(max-width:560px){.card{align-items:flex-start}.section-heading{gap:12px}.topbar small{display:none}}
.card-actions{display:flex;gap:8px}dialog{width:min(680px,calc(100% - 30px));max-height:80vh;overflow:auto;border:0;border-radius:18px;padding:20px;box-shadow:0 25px 80px #0b173455}dialog::backdrop{background:#10182b99}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0}.messages{display:grid;gap:10px;margin-top:18px;overflow:auto}.chat-message{padding:12px 14px;border-radius:12px;background:#eef1f8}.chat-message.assistant{background:#e8efff}.chat-message strong{display:block;margin-bottom:4px;font-size:.72rem;text-transform:uppercase;color:#56698e}.chat-message p{margin:0;white-space:pre-wrap}@media(max-width:560px){.card-actions{flex-direction:column}}
.heading-actions,.form-actions{display:flex;gap:8px;align-items:center}.entry-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.entry-actions a{text-decoration:none;font-size:.82rem}dialog form{display:grid;gap:15px}dialog label{display:grid;gap:6px;color:#53617c;font-size:.82rem;font-weight:700}dialog input,dialog textarea,dialog select{width:100%;border:1px solid #d7ddea;border-radius:10px;padding:11px 12px;background:#fff;color:#16213a;font:inherit;font-weight:400}dialog textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{justify-content:flex-end}@media(max-width:560px){.heading-actions{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.entry-actions{align-items:stretch}.entry-actions .stage{margin-bottom:4px}}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{display:grid;gap:8px;background:#fff;border:1px solid #e4e8f1;border-radius:15px;padding:18px;box-shadow:0 8px 30px #2a38540a}.kpi span{color:#68758e;font-size:.78rem}.kpi strong{font-size:1.9rem;color:#284fb9}@media(max-width:650px){.kpis{grid-template-columns:1fr 1fr}}
.conversation-reply{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:14px}.conversation-reply label{grid-column:1/-1}.conversation-reply button{height:44px}@media(max-width:560px){.conversation-reply{grid-template-columns:1fr}.conversation-reply label{grid-column:auto}}
.qualification-panel{background:#f4f6f2;border-radius:12px;margin:.8rem 0;padding:.8rem 1rem}.qualification-panel h3{font-size:1rem;margin:0 0 .55rem}.qualification-panel dl{display:grid;grid-template-columns:minmax(7rem,1fr) 2fr;gap:.35rem .8rem;margin:0}.qualification-panel dt{color:#52665d;font-weight:700;overflow-wrap:anywhere}.qualification-panel dd{margin:0;overflow-wrap:anywhere}@media(max-width:560px){.qualification-panel dl{grid-template-columns:1fr}.qualification-panel dd{margin-bottom:.35rem}}
.login-form { display:grid; gap:1rem; max-width:28rem; margin-top:1.5rem; }
.login-form label { display:grid; gap:.4rem; font-weight:600; }
.login-form input { width:100%; box-sizing:border-box; padding:.75rem; border:1px solid #9aa6b8; border-radius:.5rem; font:inherit; }
.company-user-summary { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; min-width:0; }
.company-user-summary h3, .company-user-summary p { margin:.15rem 0; }
.company-user-summary>div { min-width:0; }
.company-user-email { overflow-wrap:anywhere; }
.company-user-card { display:grid; align-items:stretch; align-content:start; gap:0; min-width:0; }
.company-user-settings { display:grid; gap:.75rem; margin-top:1rem; }
.company-user-settings label, .company-user-password-form label { display:grid; gap:.4rem; font-weight:600; }
.company-user-settings select, .company-user-password-form input { width:100%; box-sizing:border-box; padding:.7rem; border:1px solid #9aa6b8; border-radius:.5rem; font:inherit; background:#fff; }
.company-user-actions { display:flex; flex-wrap:wrap; gap:.65rem; }
.company-user-password-form { display:grid; gap:.65rem; margin-top:1rem; padding-top:1rem; border-top:1px solid #dfe4eb; }
.company-user-password-form button { justify-self:start; }
.pill.disabled { background:#e8ebf0; color:#536174; }
.form-error { color:#9b1c1c; margin:0; }
.platform-card { display:block; width:100%; max-width:none; margin-top:12px; }
.platform-card>.section-heading { margin-bottom:16px; }
.platform-card form { width: 100%; }
.account-card { display:block; max-width:42rem; margin-top:12px; }
.account-card>.login-form { max-width:32rem; }
#company-users { grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); align-items:start; }
#administration-audit .card { display:grid; grid-template-columns:minmax(10rem,.8fr) minmax(14rem,1.5fr) auto; align-items:center; }
#administration-audit .card h3,#administration-audit .card p { margin:0; }
#administration-audit .card small { color:#7c879d; text-align:right; }
.company-user-create-form { max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:18px; padding:18px; border:1px solid #e4e8f1; border-radius:14px; background:#f8f9fc; }
.company-user-create-form h3,.company-user-create-form small,.company-user-create-form button,.company-user-create-form .message,.company-user-create-form .form-error { grid-column:1/-1; }
.company-user-create-form h3 { margin:0; }
.company-user-create-form button { justify-self:start; }
@media(max-width:650px){
  main{padding-left:14px;padding-right:14px}
  .tabs{overflow-x:auto;padding-bottom:4px}
  .tab{white-space:nowrap}
  .platform-card{padding:15px}
  .platform-card>.section-heading{align-items:flex-start}
  .company-user-create-form{grid-template-columns:1fr;padding:14px}
  .company-user-actions{display:grid;grid-template-columns:1fr 1fr}
  .company-user-actions button,.company-user-password-form button{width:100%}
  #administration-audit .card{grid-template-columns:1fr;gap:.35rem}
  #administration-audit .card small{text-align:left}
}
@media(max-width:390px){
  .company-user-actions{grid-template-columns:1fr}
  .section-heading{align-items:flex-start;flex-direction:column}
}
