@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#eef4f7;font-synthesis:none;background:#07131f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% -15%,#123746 0,#0000 34%),#07131f;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.splash{letter-spacing:.25em;color:#ef3654;place-items:center;min-height:100vh;display:grid}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:linear-gradient(145deg,#0d2132,#091824);border:1px solid #193a52;border-radius:28px;width:min(440px,100%);padding:48px;box-shadow:0 30px 80px #0008}.brand-logo{object-fit:contain;display:block}.brand-logo-light{filter:grayscale()brightness(0)invert()}.login-logo{object-position:center;filter:grayscale()brightness(0)invert()drop-shadow(0 8px 18px #0005);width:100%;height:120px;margin:-18px auto 12px}.eyebrow{color:#ef3654;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.login h1,.content h1{margin:12px 0;font-family:Manrope;font-size:36px;line-height:1.15}.muted{color:#8aa1ac}.login form,.form-card,.connection-card{gap:16px;display:grid}.login form{margin-top:30px}label{color:#a9bdc6;gap:7px;font-size:13px;display:grid}input,select,textarea{color:#f4f7fa;background:#081722;border:1px solid #28424f;border-radius:10px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:#ef3654;box-shadow:0 0 0 3px #ef365418}textarea{resize:vertical;min-height:80px}button{color:#fff;cursor:pointer;background:#d4082f;border:0;border-radius:10px;padding:13px 16px;font-weight:700;transition:all .15s}button:hover{background:#ed1239;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}.secondary{color:#d8e4e9;background:#132d41;border:1px solid #28485b}.secondary:hover{background:#193a52}.error{color:#ff9696}.notice{color:#a8ead8;background:#0d2a2b;border:1px solid #285448;border-radius:12px;padding:12px 16px}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}aside{background:#081722;border-right:1px solid #17313c;height:100vh;padding:25px 18px;position:sticky;top:0}.logo{align-items:center;gap:12px;padding:0 7px;display:flex}.sidebar-logo{object-fit:cover;border-radius:9px;width:42px;height:42px;display:block}.logo b{letter-spacing:.08em;font-family:Manrope;font-size:13px}nav{gap:7px;margin-top:42px;display:grid}nav button{color:#809aa3;text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:10px 12px;font-weight:500;display:flex}nav button i{border:1px solid #28424b;border-radius:7px;place-items:center;width:27px;height:27px;font-size:10px;font-style:normal;display:grid}nav button.active{color:#fff;background:#102a42}nav button.active i{color:#ef3654;border-color:#ef3654}.user{align-items:center;gap:10px;display:flex;position:absolute;bottom:26px;left:20px;right:20px}.user>span,.avatar{color:#fff;background:#14385a;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.user div{min-width:0}.user b,.user small{text-overflow:ellipsis;display:block;overflow:hidden}.user small{color:#6f8992;font-size:10px}.content{min-width:0;padding:38px clamp(20px,4vw,62px) 70px}.content>header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.content>header h1{margin:6px 0}.live,.pill{color:#9db1b6;white-space:nowrap;border:1px solid #27404c;border-radius:99px;padding:8px 12px;font-size:12px}.live i,.dot{background:#66e3c4;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #66e3c4}.live i{margin-right:6px}.dot.pending{box-shadow:none;background:#e6ae5c}.panel,.chat-panel{background:linear-gradient(145deg,#0d202d,#0a1925);border:1px solid #193640;border-radius:17px;box-shadow:0 16px 35px #0002}.panel{padding:24px}.panel h2,.section-title h2,.chat-head h2{margin:7px 0;font:700 22px Manrope}.panel-head,.section-title,.chat-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-head{border-bottom:1px solid #193640;padding-bottom:18px}.home-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:18px;display:grid}.summary-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.summary-row article{background:#0b1c29;border:1px solid #193640;border-radius:14px;padding:18px}.summary-row strong{font:700 27px Manrope;display:block}.summary-row span{color:#78919a;font-size:11px}.department-mini{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.department-mini article{background:#0a1a27;border:1px solid #193640;border-radius:13px;grid-template-columns:38px 1fr 8px;align-items:center;gap:11px;padding:14px;display:grid}.department-mini>article>span,.agent-top span{color:#ef3654;background:#112f49;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.department-mini b,.department-mini small{display:block}.department-mini small{color:#78919a;margin-top:3px;font-size:10px}.chat-panel{position:sticky;top:24px;overflow:hidden}.chat-head{border-bottom:1px solid #193640;padding:20px}.chat-head select{width:auto;max-width:190px;padding:8px}.chat-feed{align-content:start;gap:12px;height:430px;padding:18px;display:grid;overflow:auto}.chat-empty{text-align:center;color:#8099a4;align-self:center;padding:70px 20px}.chat-empty span{color:#ef3654;font-size:32px;display:block}.chat-empty b{color:#eaf3f1;margin:10px;display:block}.chat-empty p{font-size:12px}.chat-user,.chat-agent{border-radius:13px;max-width:90%;padding:11px 13px}.chat-user{background:#143650;justify-self:end}.chat-agent{background:#151f2b;border:1px solid #243642;justify-self:start}.chat-user small,.chat-agent small{color:#8ea3ad;text-transform:uppercase;font-size:9px}.chat-user p,.chat-agent p{white-space:pre-wrap;margin:5px 0 0;font-size:13px;line-height:1.45}.chat-compose{border-top:1px solid #193640;grid-template-columns:1fr auto;gap:9px;padding:14px;display:grid}.chat-compose textarea{min-height:56px;max-height:130px}.chat-compose button{align-self:stretch}.chat-panel>.error{padding:0 14px 14px}.agent-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px;display:grid}.agent-card{flex-direction:column;min-height:280px;display:flex}.agent-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.agent-card>b{font-size:13px}.agent-card .muted{font-size:12px;line-height:1.5}.agent-card footer{color:#70d5bb;text-transform:uppercase;border-top:1px solid #193640;margin-top:auto;padding-top:16px;font-size:10px}.split-forms{grid-template-columns:1.4fr .8fr;gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.form-card h2,.invoice-builder h2{margin-top:6px}.table-panel{margin-top:14px}.empty{text-align:center;color:#819aa2;padding:60px 20px}.empty span{color:#ef3654;font-size:34px}.consultant-row,.invoice-row,.document-row,.connection-row{border-bottom:1px solid #17313c;align-items:center;gap:13px;padding:16px 3px;display:grid}.consultant-row:last-child,.invoice-row:last-child,.document-row:last-child,.connection-row:last-child{border-bottom:0}.consultant-row{grid-template-columns:40px 1fr auto auto}.consultant-row b,.consultant-row small,.consultant-row em{display:block}.consultant-row small,.consultant-row em{color:#78919a;margin-top:4px;font-size:11px}.consultant-row em{color:#b2c1c7;font-style:normal}.consultant-row>i{color:#66e3c4;font-size:11px;font-style:normal}.invoice-builder{gap:18px;display:grid}.invoice-lines{gap:8px;display:grid}.line-head,.line-row{grid-template-columns:minmax(220px,1fr) 90px 120px 90px;gap:8px;display:grid}.line-head{color:#78919a;text-transform:uppercase;padding:0 5px;font-size:10px}.invoice-builder>.secondary{justify-self:start}.invoice-total{border-top:1px solid #193640;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding-top:16px;display:grid}.invoice-total strong{font:700 24px Manrope}.invoice-row{grid-template-columns:1fr auto 120px}.invoice-row b,.invoice-row small{display:block}.invoice-row small{color:#78919a;margin-top:4px}.invoice-row>span{color:#e6ae5c;text-align:right;font-size:11px}.upload-zone{grid-template-columns:1fr 1fr;align-items:center;gap:24px;display:grid}.upload-zone form{gap:10px;display:grid}.document-row{grid-template-columns:45px 1fr auto}.document-row>span{color:#ffaaa5;background:#572d32;border-radius:10px;place-items:center;width:42px;height:42px;font-size:10px;font-weight:700;display:grid}.document-row b,.document-row small{display:block}.document-row small{color:#78919a;margin-top:4px}.document-row strong{color:#e6ae5c;font-size:11px}.security-banner{background:#0b272a;border:1px solid #285448;border-radius:14px;gap:14px;padding:17px 20px;display:flex}.security-banner>span{color:#66e3c4}.security-banner b{display:block}.security-banner p{color:#8fb1b3;margin:4px 0 0;font-size:12px}.connection-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:14px;display:grid}.connection-card{align-content:start}.connection-card .muted{min-height:50px;font-size:12px}.connection-card h2{margin:7px 0 0}.inline{grid-template-columns:1fr 90px;gap:8px;display:grid}.connection-row{grid-template-columns:10px 1fr auto auto}.connection-row b,.connection-row small,.connection-row em{display:block}.connection-row small{color:#78919a;margin-top:4px}.connection-row em{color:#ff9696;margin-top:4px;font-size:10px}.connection-row>strong{font-size:11px}.mail{border-bottom:1px solid #17313c;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:16px 4px;display:grid}.mail p{color:#78919a;white-space:nowrap;text-overflow:ellipsis;max-width:55vw;margin:5px 0 0;font-size:12px;overflow:hidden}.mail small{color:#ef3654;text-transform:uppercase;font-size:10px}.priority{background:#17313c;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.p4,.p5{color:#ffaaa5;background:#572d32}.provider-link{color:#f4f7fa;background:#102a42;border:1px solid #315369;border-radius:10px;align-items:center;gap:10px;padding:13px 14px;font-weight:700;text-decoration:none;display:flex}.provider-link:hover{background:#143650;border-color:#ef3654}.provider-link span{background:#d4082f;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.provider-link b{margin-left:auto}.provider-note,.provider-preset,.margin-help{color:#8aa1ac;margin:0;font-size:12px;line-height:1.5}.provider-preset{color:#87cfbd;background:#0b272a;border-radius:9px;padding:10px 12px}.task-margin{border-top:1px solid #17313c;padding:8px 0}.task-margin span{color:#66e3c4;margin-top:3px;font-size:10px;display:block}@media (width<=1180px){.home-grid{grid-template-columns:1fr}.chat-panel{position:static}.agent-grid,.connection-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.shell{grid-template-columns:1fr;padding-bottom:70px}aside{z-index:20;border:0;border-top:1px solid #17313c;width:100%;height:68px;padding:7px;position:fixed;top:auto;bottom:0}.logo,.user{display:none}nav{grid-template-columns:repeat(7,1fr);gap:1px;margin:0;display:grid}nav button{justify-items:center;gap:1px;padding:3px;font-size:8px;display:grid}nav button i{width:24px;height:24px}.content{padding:25px 17px}.content>header{align-items:start}.content>header h1{font-size:28px}.live{font-size:0}.live i{margin:0}.split-forms,.upload-zone{grid-template-columns:1fr}.chat-feed{height:350px}}@media (width<=620px){.login-card{padding:34px 24px}.summary-row{grid-template-columns:repeat(3,1fr)}.department-mini,.agent-grid,.connection-grid,.form-grid{grid-template-columns:1fr}.section-title,.panel-head,.chat-head{flex-direction:column;align-items:flex-start}.chat-head select{width:100%;max-width:none}.line-head{display:none}.line-row{grid-template-columns:1fr 1fr}.line-row input:first-child{grid-column:1/-1}.invoice-total{grid-template-columns:1fr auto}.invoice-total button{grid-column:1/-1}.consultant-row{grid-template-columns:38px 1fr}.consultant-row>strong,.consultant-row>i{grid-column:2}.invoice-row{grid-template-columns:1fr auto}.invoice-row>span{text-align:left;grid-column:1/-1}.connection-row{grid-template-columns:10px 1fr}.connection-row>strong,.connection-row>button{grid-column:2}.chat-compose{grid-template-columns:1fr}.chat-compose button{height:46px}.content>header h1{font-size:25px}}@media (width>=621px){.invoice-row{grid-template-columns:1fr auto 90px auto}}.chat-feed{height:280px}.chat-head select{max-width:155px}