:root{color:#172033;background:#eef1f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#195fd7;border:0;border-radius:6px;min-height:40px;padding:0 14px}button:disabled{cursor:not-allowed;background:#aab2c0}input,textarea,select{color:#172033;background:#fff;border:1px solid #cdd5df;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}textarea{resize:vertical}label{gap:8px;font-size:14px;font-weight:600;display:grid}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.2}h2{font-size:15px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #dfe5ed;border-radius:8px;gap:18px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 18px 50px #27364f1f}.eyebrow{color:#667085;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.form-error{color:#a11919;background:#fff1f1;border:1px solid #ffc9c9;border-radius:6px;padding:10px 12px}.muted{color:#697586}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #d9e0ea;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 24px;display:flex}.topbar div{align-items:center;gap:12px;display:flex}.nav-tabs{align-items:center;gap:6px;display:flex}.nav-button{color:#253347;background:0 0;border:1px solid #0000;min-height:34px}.nav-button.active{color:#195fd7;background:#eef4ff;border-color:#cdd5df}.workspace{width:min(1180px,100%);margin:0 auto;padding:28px 24px 48px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.toolbar-form{background:#fff;border:1px solid #dfe5ed;border-radius:8px;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) auto;gap:10px;margin-bottom:14px;padding:14px;display:grid}.employee-list{gap:12px;display:grid}.employee-row{background:#fff;border:1px solid #dfe5ed;border-radius:8px;gap:14px;padding:16px;display:grid}.employee-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.employee-fields{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 96px;align-items:center;gap:10px;display:grid}.row-actions{gap:8px;display:flex}.secondary-button{color:#253347;background:#fff;border:1px solid #cdd5df}.link-button{color:#195fd7;background:0 0;border:0;min-height:auto;padding:0}.status{border-radius:999px;justify-content:center;align-items:center;min-height:32px;font-size:13px;font-weight:700;display:inline-flex}.status.active{color:#146b3a;background:#e6f7ee}.status.inactive{color:#697586;background:#f1f3f6}.accounts-block{border-top:1px solid #edf0f5;gap:10px;padding-top:14px;display:grid}.account-list{gap:8px;display:grid}.account-row{background:#f7f9fc;border-radius:6px;grid-template-columns:90px minmax(120px,1fr) minmax(120px,1fr) auto;align-items:center;gap:10px;min-height:36px;padding:8px 10px;display:grid}.account-form{grid-template-columns:120px minmax(160px,1fr) minmax(140px,1fr) minmax(180px,1fr) auto;gap:10px;display:grid}.external-chat-form{grid-template-columns:120px minmax(160px,1fr) minmax(180px,1fr) auto;gap:10px;display:grid}.chat-layout{grid-template-columns:260px minmax(0,1fr);gap:16px;display:grid}.chat-space-list{align-content:start;gap:8px;display:grid}.chat-space-button{color:#172033;text-align:left;background:#fff;border:1px solid #dfe5ed;justify-items:start;min-height:54px;padding:10px 12px;display:grid}.chat-space-button.active{color:#174ea6;background:#eef4ff;border-color:#195fd7}.chat-space-button small{color:#697586}.chat-panel{gap:12px;min-width:0;display:grid}.message-list{background:#fff;border:1px solid #dfe5ed;border-radius:8px;align-content:start;gap:10px;min-height:420px;padding:14px;display:grid}.message-row{border-bottom:1px solid #edf0f5;gap:8px;padding:0 0 12px;display:grid}.message-row:last-child{border-bottom:0;padding-bottom:0}.message-meta,.delivery-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-meta span,.message-meta time{color:#697586;font-size:13px}.delivery-pill{color:#253347;background:#f1f5f9;border-radius:6px;align-items:center;min-height:28px;padding:4px 8px;font-size:13px;display:inline-flex}.message-form{background:#fff;border:1px solid #dfe5ed;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}@media (width<=860px){.topbar,.section-heading,.employee-main{flex-direction:column;align-items:stretch}.topbar,.topbar div,.section-heading{display:grid}.toolbar-form,.chat-layout,.employee-fields,.account-row,.account-form,.external-chat-form,.message-form{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}}