:root{font-family:Space Grotesk,Trebuchet MS,sans-serif;color:#172536;background:#f5f1ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#122234;color:#dce7e7;display:flex;flex-direction:column;padding:28px 18px;position:fixed;inset:0 auto 0 0;z-index:5}.brand-mark{font:700 26px Georgia,serif;letter-spacing:-2px;color:#f7f5ef}.brand-mark span{color:#ff7654}.workspace{margin:54px 8px 22px;padding:10px 12px;background:#20364a;border:1px solid #355068;border-radius:8px;font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#56d2a7;margin-right:7px}.dot.offline{background:#a7b0b7}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#9cafbb;text-decoration:none;padding:12px;border-radius:8px;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#284258;color:#fff}.sidebar-foot{margin-top:auto}.signed{display:flex;gap:10px;align-items:center;padding:15px 8px;border-top:1px solid #294255}.signed strong,.signed small{display:block}.signed strong{font-size:12px}.signed small{color:#91a7b5;font-size:10px;margin-top:3px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ff7654;color:#fff;font-size:11px;font-weight:700}.ghost{width:100%;display:flex;gap:9px;align-items:center;color:#b2c0c8;background:transparent;padding:10px 8px}.main{margin-left:248px;width:calc(100% - 248px);min-width:0}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;border-bottom:1px solid #e4ded5;background:#f5f1ea}.topbar h1{font: 25px Georgia,serif;margin:4px 0 0;text-transform:capitalize}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#78858b;margin:0}.live-pill{font-size:11px;color:#65777b;background:#fffdf8;border:1px solid #ddd8d0;padding:9px 12px;border-radius:99px}.page{padding:34px 5vw 60px;max-width:1400px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:end;padding:16px 0 34px}.hero h2,.page-title h2,.detail-head h2{font:normal clamp(31px,4vw,49px) Georgia,serif;letter-spacing:-1.5px;margin:10px 0}.muted{color:#718087;line-height:1.6;font-size:14px}.primary,.secondary{display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:7px;padding:12px 16px;font-weight:700;font-size:13px}.primary{color:#fff;background:#ef6b49;box-shadow:0 5px 15px #ef6b4933}.primary:hover{background:#d95839}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.compact{padding:11px 14px;text-decoration:none}.secondary{background:#e9e3da;color:#263746}.flip{transform:rotate(180deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fffdf8;border:1px solid #e4ded5;border-radius:10px;padding:18px;display:flex;gap:13px;align-items:center}.stat-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#f8d9cf;color:#df5d3b}.stat-icon.teal{background:#ccebe1;color:#16836a}.stat-icon.blue{background:#d6e4f2;color:#3d6f9d}.stat-icon.green{background:#d9ead3;color:#4d8c43}.stat span{display:block;color:#7d898a;font-size:11px}.stat strong{font-size:23px;display:block;margin-top:3px}.grid-two{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:20px}.panel{background:#fffdf8;border:1px solid #e4ded5;border-radius:10px;padding:22px}.dark-panel{background:#20384a;color:#e8f1ed;border-color:#20384a}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel h3{font: 22px Georgia,serif;margin:3px 0}.status-list{display:grid}.status-row{display:flex;justify-content:space-between;text-transform:capitalize;padding:13px 0;border-top:1px solid #eee8df;font-size:13px}.status-row span{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#9ba6a9}.status-dot.waiting_for_support{background:#f2a15d}.status-dot.in_progress{background:#63bf9f}.status-dot.resolved{background:#72ab6b}.queue-note{display:flex;gap:15px;align-items:center;margin:33px 0}.ring{height:62px;width:62px;border-radius:50%;display:grid;place-items:center;border:7px solid #4a9584;color:#a7e5d0;font-size:12px}.dark-panel .eyebrow{color:#99b3bd}.text-link{color:#a7e5d0;text-decoration:none;font-size:13px;display:flex;gap:8px;align-items:center}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.searchbox{display:flex;align-items:center;gap:9px;background:#fffdf8;border:1px solid #dcd5ca;border-radius:7px;padding:0 12px;width:min(400px,50%)}.searchbox input{border:0;outline:0;background:transparent;width:100%;padding:12px 0;font-size:13px}.filters{display:flex;gap:9px;margin-bottom:14px}.filters select,.panel label select{background:#fffdf8;border:1px solid #dcd5ca;border-radius:6px;padding:10px;color:#526169;font-size:12px}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;letter-spacing:1px;color:#849094;text-transform:uppercase;background:#faf7f1}th,td{padding:16px 18px;border-bottom:1px solid #eee8df}td small{display:block;color:#929d9d;font-size:10px;margin-top:5px}.ticket-id{color:#df5d3b;font-weight:700;text-decoration:none}.badge{font-size:10px;text-transform:capitalize;padding:5px 8px;border-radius:99px;background:#e8e5e0;color:#687477;white-space:nowrap}.badge.waiting_for_support{background:#f9e1c4;color:#9a5b1d}.badge.in_progress,.badge.assigned{background:#ccebe1;color:#187459}.badge.new{background:#dce7f1;color:#42687f}.badge.resolved,.badge.closed{background:#dbead5;color:#4e7b46}.priority{font-size:10px;letter-spacing:1px;color:#687477}.pager{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;color:#7f8b8c;font-size:11px}.pager button{background:transparent;color:#53656a;padding:8px 10px}.pager button:disabled{opacity:.3}.empty{text-align:center;padding:70px 20px;color:#849093}.empty h3{font: 22px Georgia,serif;color:#30414b;margin:14px 0 4px}.error{display:flex;gap:8px;align-items:center;background:#fff0ed;color:#bd4e3a;padding:12px;border-radius:7px;font-size:12px;margin:14px 0}.skeleton{height:170px;background:linear-gradient(90deg,#eee8df,#faf7f1,#eee8df);background-size:200% 100%;animation:load 1.4s infinite;border-radius:7px}@keyframes load{to{background-position:-200% 0}}.back{display:inline-flex;gap:8px;align-items:center;color:#65777b;text-decoration:none;font-size:12px}.detail-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.conversation{min-height:500px}.message{padding:15px 17px;margin:13px 0;border-radius:9px;background:#f4efe7;max-width:78%}.message.customer{background:#dbeee7;margin-right:auto}.message.ai{background:#e1eaf3;margin-left:auto}.message-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#829093;text-transform:uppercase}.message p{white-space:pre-wrap;line-height:1.55;font-size:13px;margin:9px 0 0}.composer{border-top:1px solid #eee8df;padding-top:18px;margin-top:28px}.composer textarea,.panel textarea{width:100%;border:1px solid #ddd6ca;background:#fffefa;border-radius:7px;padding:12px;resize:vertical;min-height:82px;outline:0;font-size:13px;margin-bottom:10px}.side-stack{display:grid;align-content:start;gap:18px}.side-stack label{display:grid;gap:7px;font-size:11px;color:#7d898a;margin:13px 0}.side-stack label select{width:100%}.meta-lines{border-top:1px solid #eee8df;margin-top:18px;padding-top:12px;display:grid;gap:9px;font-size:11px;color:#7d898a}.meta-lines b{float:right;color:#334651}.note{padding:10px;background:#fbf1cf;border-left:3px solid #e3b64c;font-size:12px;line-height:1.5;margin-bottom:9px}.note small{display:block;color:#9d906c;margin-top:6px}.person{display:flex;gap:10px;align-items:center}.availability{color:#899396;font-size:12px}.availability i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aab4b5}.availability.yes{color:#28816b}.availability.yes i{background:#50bd9c}.menu-toggle{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:#f5f1ea}.login-art{padding:11vh 9vw;background:#183247;color:#eaf1ed;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #527383;right:-150px;bottom:-150px;box-shadow:0 0 0 42px #183247,0 0 0 43px #527383,0 0 0 100px #183247,0 0 0 101px #527383}.login-art .eyebrow{color:#a9ccc4}.login-art h1{font:normal clamp(44px,6vw,82px) Georgia,serif;letter-spacing:-3px;max-width:700px;line-height:.98;margin:80px 0 25px}.login-art p{color:#b8c8ca;max-width:420px;line-height:1.7}.login-stamp{position:absolute;bottom:10vh;display:flex;gap:9px;align-items:center;color:#a7e5d0;font-size:12px}.login-card{align-self:center;margin:0 auto;width:min(370px,78%);padding:22px}.login-card h2{font: 39px Georgia,serif;margin:10px 0}.login-card label{display:grid;gap:8px;font-size:12px;color:#607077;margin:22px 0}.login-card input{padding:13px;border:1px solid #d8d0c4;border-radius:6px;background:#fffdf8;outline:0}.login-card input:focus{border-color:#ef6b49}.login-card .primary{width:100%;margin-top:10px}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%}.menu-toggle{display:grid;place-items:center;position:fixed;z-index:10;top:22px;right:20px;background:#fffdf8;border:1px solid #ddd8d0;border-radius:7px;padding:7px;color:#30414b}.topbar{padding-left:24px;padding-right:75px}.page{padding:25px 24px 50px}.stats{grid-template-columns:repeat(2,1fr)}.grid-two,.detail-grid,.login-page{grid-template-columns:1fr}.login-art{min-height:330px;padding:35px 9vw}.login-art h1{font-size:49px;margin:40px 0 16px}.login-stamp{bottom:28px}.login-card{padding:45px 0}.page-title{align-items:stretch;gap:16px;flex-direction:column}.searchbox{width:100%}table{min-width:720px}.table-panel{overflow-x:auto}.table-panel .pager{min-width:720px}}@media(max-width:480px){.stats{grid-template-columns:1fr}.hero,.detail-head{align-items:start;gap:20px;flex-direction:column}.filters{overflow:auto}.filters select{min-width:130px}.login-art h1{font-size:40px}}.presence-control{margin:0 0 16px;padding:13px 10px;border:1px solid #294255;border-radius:8px;background:#192e41}.presence-copy{display:flex;align-items:center;gap:9px;color:#dce7e7}.presence-copy strong,.presence-copy small{display:block}.presence-copy strong{font-size:11px}.presence-copy small{margin-top:3px;color:#91a7b5;font-size:9px}.presence-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.presence-actions button{padding:7px 5px;border-radius:5px;background:#284258;color:#c8d5da;font-size:9px}.presence-actions button:disabled{opacity:.35;cursor:not-allowed}.presence-error{display:flex;gap:5px;align-items:center;margin:8px 0 0;color:#ff9d86;font-size:9px}.agent-console{display:grid;gap:16px}.agent-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-metrics>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 18px;border:1px solid #e4ded5;border-radius:10px;background:#fffdf8;color:#6d7c80}.agent-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.8px}.agent-metrics strong{font-size:24px;color:#223746}.agent-table{min-width:1050px}.capacity-control{display:flex;align-items:center;gap:6px}.capacity-control input{width:66px;padding:8px;border:1px solid #d8d0c4;border-radius:6px;background:#fffdf8}.icon-button{display:grid;place-items:center;padding:9px;border-radius:6px;background:#20384a;color:#fff}.icon-button:disabled{opacity:.3;cursor:not-allowed}.workload{min-width:130px}.workload>span{font-size:10px;color:#718087}.workload>div{height:6px;margin-top:7px;overflow:hidden;border-radius:9px;background:#e8e3da}.workload>div i{display:block;height:100%;border-radius:9px;background:#50ad91}.agent-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;background:#dcead7;color:#447440;font-size:10px;font-weight:700}.agent-toggle.danger{background:#fbe2db;color:#a94e39}@media(max-width:700px){.agent-metrics{grid-template-columns:1fr}}.analytics-console{display:grid;gap:18px}.analytics-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px}.analytics-toolbar h2{font:normal clamp(31px,4vw,49px) Georgia,serif;letter-spacing:-1.5px;margin:10px 0}.range-switch{display:flex;padding:4px;border:1px solid #ddd6cb;border-radius:9px;background:#fffdf8}.range-switch button{padding:9px 13px;border-radius:6px;background:transparent;color:#718087;font-size:11px}.range-switch button[aria-pressed=true]{background:#20384a;color:#fff}.analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.analytics-kpi{position:relative;padding:17px 18px;border:1px solid #e4ded5;border-radius:9px;background:#fffdf8}.analytics-kpi span{display:block;color:#7d898a;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.analytics-kpi strong{display:block;margin-top:6px;font-size:25px;color:#20384a}.analytics-kpi svg{position:absolute;right:16px;top:17px;color:#ef6b49}.analytics-time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-time-grid>div{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;padding:16px;border-radius:9px;background:#20384a;color:#cfe0df}.analytics-time-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.7px}.analytics-time-grid strong{grid-column:2;font-size:20px;color:#fff}.trend-panel{overflow:hidden}.trend-chart{display:block;width:100%;height:210px;overflow:visible}.trend-chart line{stroke:#ded8cf;stroke-width:1}.trend-chart polyline{fill:none;stroke:#ef6b49;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-chart circle{fill:#fffdf8;stroke:#20384a;stroke-width:3}.trend-axis{display:flex;justify-content:space-between;color:#7d898a;font-size:10px}.trend-axis strong{color:#30414b}.analytics-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.analytics-breakdown .panel-head,.ai-outcomes .panel-head,.analytics-agents .panel-head{margin-bottom:13px}.breakdown-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0;color:#647477;font-size:11px;text-transform:capitalize}.breakdown-row>i{grid-column:1/-1;height:5px;border-radius:8px;background:#ece7df;overflow:hidden}.breakdown-row>i b{display:block;height:100%;border-radius:8px;background:#55a88e}.analytics-none{padding:24px 0;text-align:center;color:#8b9799;font-size:12px}.ai-outcomes>div:not(.panel-head){display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #eee8df;font-size:12px}.ai-outcomes>div strong{font-size:19px}.ai-outcomes>p{color:#7c898d;font-size:10px;line-height:1.5}.analytics-agents .panel-head{padding:20px 20px 4px}.analytics-footnote{display:flex;align-items:center;gap:7px;color:#829093;font-size:10px}.analytics-loading{height:480px}.analytics-empty{border:1px dashed #d8d0c4;border-radius:10px;background:#fffdf8}@media(max-width:900px){.analytics-time-grid{grid-template-columns:repeat(2,1fr)}.analytics-agents{overflow-x:auto}.analytics-agents table{min-width:820px}}@media(max-width:700px){.analytics-toolbar{align-items:stretch;flex-direction:column}.range-switch{align-self:flex-start}.analytics-kpis,.analytics-breakdown-grid,.analytics-time-grid{grid-template-columns:1fr}.trend-chart{height:150px}}