*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a}body{background:#f8fafc}button,input,textarea{font:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:56px 64px;background:linear-gradient(145deg,#0b2e74,#1d6fff 58%,#5c9cff);color:#fff;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-180px;bottom:-220px;box-shadow:0 0 0 80px #ffffff09,0 0 0 160px #ffffff06}.brand-mark{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:17px;background:#fff;color:#1d6fff;font-size:30px;font-weight:900;box-shadow:0 14px 34px #00000024}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:22px}.brand-name{margin-top:28px;font-size:18px;font-weight:700}.brand-panel h1{max-width:560px;margin:20px 0 16px;font-size:52px;line-height:1.02;letter-spacing:-2px}.brand-panel p{max-width:540px;margin:0;font-size:18px;line-height:1.7;color:#ffffffc7}.security{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-size:13px;color:#ffffffc7}.login-panel{display:flex;align-items:center;justify-content:center;padding:48px;background:#f8fafc}.login-card{width:100%;max-width:420px}.mobile-brand{display:none}.eyebrow{display:inline-flex;color:#1d6fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card h2{margin:12px 0 8px;font-size:36px;letter-spacing:-1px}.login-card>p{margin:0 0 32px;color:#64748b}.login-card label{display:grid;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;color:#334155}.login-card input{height:52px;border:1px solid #dbe3ef;border-radius:14px;padding:0 16px;background:#fff;outline:none;transition:.2s}.login-card input:focus{border-color:#1d6fff;box-shadow:0 0 0 4px #1d6fff14}.login-card button,.denied button{width:100%;height:52px;border:0;border-radius:14px;background:#1d6fff;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 26px #1d6fff33}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-card small{display:block;margin-top:20px;text-align:center;color:#94a3b8}.error{border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:12px;padding:11px 13px;margin-bottom:16px;font-size:13px}.error.spaced{margin:0 22px 18px}.splash,.denied{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc}.splash{font-size:24px;font-weight:900;color:#1d6fff}.denied{text-align:center;padding:32px}.denied svg{color:#1d6fff}.denied h1{margin:18px 0 8px}.denied p{max-width:460px;color:#64748b;line-height:1.6}.denied button{max-width:260px;margin-top:20px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.app-shell>aside{position:sticky;top:0;height:100vh;background:#0f172a;color:#cbd5e1;padding:18px 14px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.side-brand strong{display:block;color:#fff;font-size:14px}.side-brand span{display:block;margin-top:3px;color:#64748b;font-size:11px}.app-shell nav{display:grid;gap:5px;margin-top:20px}.app-shell nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#94a3b8;font-size:13px;font-weight:700;text-decoration:none}.app-shell nav a svg{width:18px}.app-shell nav a.active{background:#1d6fff;color:#fff}.profile-box{margin-top:auto;display:grid;grid-template-columns:36px 1fr 32px;align-items:center;gap:9px;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.08)}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff17;color:#fff;font-weight:800}.profile-box strong,.profile-box span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-box strong{color:#fff;font-size:12px}.profile-box span{margin-top:3px;color:#64748b;font-size:10px}.profile-box button{border:0;background:transparent;color:#64748b;cursor:pointer}.profile-box button svg{width:17px}.workspace{padding:34px;overflow:hidden}.workspace>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.workspace h1{margin:8px 0 6px;font-size:31px;letter-spacing:-1px}.workspace header p{margin:0;color:#64748b;font-size:14px}.status-pill{display:flex;align-items:center;gap:8px;border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:9px 12px;color:#475569;font-size:12px;font-weight:700}.status-pill i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.metrics article{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:20px}.metrics span{display:block;color:#64748b;font-size:12px;font-weight:700}.metrics strong{display:block;margin-top:10px;font-size:30px}.queue-card{border:1px solid #e2e8f0;background:#fff;border-radius:20px;overflow:hidden}.queue-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #eef2f7}.queue-head h2{margin:0;font-size:17px}.queue-head p{margin:5px 0 0;color:#94a3b8;font-size:12px}.refresh{display:flex;align-items:center;gap:7px;border:1px solid #dbe3ef;background:#fff;border-radius:10px;padding:9px 12px;color:#475569;font-size:12px;font-weight:700;cursor:pointer}.queue-list{display:grid}.queue-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:17px 22px;border-bottom:1px solid #eef2f7}.queue-item:last-child{border-bottom:0}.queue-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#eff6ff;color:#1d6fff}.queue-icon svg{width:19px}.queue-title{display:flex;align-items:center;gap:8px}.queue-main strong{font-size:14px}.queue-main p{margin:5px 0 2px;color:#64748b;font-size:12px}.queue-main small{color:#94a3b8;font-size:11px}.priority{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.04em}.priority.normal{background:#f1f5f9;color:#64748b}.priority.high{background:#fff7ed;color:#c2410c}.priority.urgent{background:#fff1f2;color:#be123c}.attend{display:flex;align-items:center;gap:4px;border:0;background:#1d6fff;color:#fff;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer}.attend:disabled{opacity:.6}.empty{padding:52px 20px;text-align:center;color:#94a3b8;font-size:13px}.conversation-page{min-height:calc(100vh - 68px)}.conversation-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:20px}.conversation-top h2{margin:4px 0 3px;font-size:22px}.conversation-top p{margin:0;color:#64748b;font-size:12px}.back{display:flex;align-items:center;gap:6px;border:1px solid #dbe3ef;background:#fff;border-radius:10px;padding:9px 11px;color:#475569;font-size:12px;font-weight:700;cursor:pointer}.assigned{border-radius:999px;background:#ecfdf5;color:#047857;padding:8px 11px;font-size:11px;font-weight:800}.assigned.closed{background:#f1f5f9;color:#64748b}.conversation-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;min-height:calc(100vh - 160px)}.chat-card,.details-card,.actions-card,.notes-card{border:1px solid #e2e8f0;background:#fff;border-radius:20px}.chat-card{display:flex;min-height:0;flex-direction:column;overflow:hidden}.chat-scroll{flex:1;overflow-y:auto;padding:22px;background:#f8fafc}.chat-row{display:flex;margin-bottom:12px}.chat-row.mine{justify-content:flex-end}.chat-row.theirs{justify-content:flex-start}.bubble{max-width:72%;border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:10px 12px;color:#334155;font-size:13px;line-height:1.5;box-shadow:0 2px 8px #0f172a08}.chat-row.mine .bubble{border-color:#1d6fff;background:#1d6fff;color:#fff}.bubble strong{display:block;margin-bottom:4px;font-size:10px;color:#1d6fff}.chat-row.mine .bubble strong{color:#ffffffb8}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #e2e8f0;padding:14px;background:#fff}.chat-form textarea{resize:none;min-height:48px;max-height:120px;border:1px solid #dbe3ef;border-radius:14px;padding:12px 14px;outline:none}.chat-form textarea:focus{border-color:#1d6fff;box-shadow:0 0 0 4px #1d6fff12}.chat-form button{align-self:end;display:flex;align-items:center;gap:7px;height:46px;border:0;border-radius:12px;background:#1d6fff;color:#fff;padding:0 16px;font-size:12px;font-weight:800;cursor:pointer}.chat-form button:disabled{opacity:.55}.closed-bar{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #e2e8f0;padding:18px;color:#64748b;font-size:12px;font-weight:800}.side-stack{display:grid;align-content:start;gap:14px}.details-card,.actions-card,.notes-card{padding:20px;height:max-content}.details-card h3,.actions-card h3,.notes-card h3{margin:0 0 18px;font-size:15px}.details-card dl{margin:0}.details-card dl div{padding:12px 0;border-bottom:1px solid #eef2f7}.details-card dl div:last-child{border-bottom:0}.details-card dt{margin-bottom:4px;color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.details-card dd{margin:0;color:#334155;font-size:12px;font-weight:700;word-break:break-word}.actions-card{display:grid;gap:9px}.actions-card h3{margin-bottom:8px}.actions-card button{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #dbe3ef;background:#fff;border-radius:12px;padding:11px 12px;color:#334155;font-size:12px;font-weight:800;cursor:pointer;transition:.18s}.actions-card button:hover{border-color:#1d6fff;background:#eff6ff;color:#1d6fff}.actions-card button svg{width:16px}.actions-card button:disabled{opacity:.55;cursor:not-allowed}.actions-card button.danger{border-color:#fecaca;color:#be123c}.actions-card button.danger:hover{border-color:#f43f5e;background:#fff1f2;color:#be123c}.notes-head{display:flex;align-items:center;justify-content:space-between}.notes-head h3{margin:0}.notes-head span{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#eff6ff;color:#1d6fff;font-size:10px;font-weight:900}.notes-card>p{margin:12px 0 0;color:#94a3b8;font-size:11px;line-height:1.5}.notes-list{display:grid;gap:10px;margin-top:14px}.notes-list article{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:11px}.notes-list strong{display:block;color:#334155;font-size:11px}.notes-list p{margin:6px 0;color:#475569;font-size:11px;line-height:1.5}.notes-list small{color:#94a3b8;font-size:9px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.brand-panel{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:block;margin-bottom:34px;color:#1d6fff;font-size:20px;font-weight:900}.app-shell{grid-template-columns:1fr}.app-shell>aside{display:none}.workspace{padding:22px}.metrics{grid-template-columns:1fr}.workspace>header{display:grid}.queue-item{grid-template-columns:42px 1fr}.attend{grid-column:2;justify-self:start}.conversation-top,.conversation-grid{grid-template-columns:1fr}.side-stack{order:-1}.chat-card{min-height:620px}.chat-form{grid-template-columns:1fr}.chat-form button{justify-content:center}}