:root{color:#132238;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}button,input{font-family:inherit}:root{color:#1e293b;background:#f3f6fb}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input,textarea,select{color:#1e293b;background:#fff;border:1px solid #d7e0ed;border-radius:9px;outline:none}input:focus,textarea:focus,select:focus{border-color:#5672db;box-shadow:0 0 0 3px #5672db1c}.app-frame{min-height:100vh}.topbar{z-index:5;background:#fff;border-bottom:1px solid #dce4ef;align-items:center;gap:28px;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:175px;display:flex}.logo-mark{color:#fff;background:linear-gradient(135deg,#3f64d9,#6f4bce);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 16px #5365bb42}.brand strong{letter-spacing:-.03em;font-size:14px;line-height:.95;display:block}.brand small,.account small{color:#718096;margin-top:4px;font-size:10px;display:block}.topbar nav{flex:1;align-items:center;gap:4px;display:flex}.topbar nav button{color:#627085;background:0 0;border:0;border-radius:7px;padding:9px 11px;font-size:13px;font-weight:650}.topbar nav .nav-active{color:#3655ba;background:#edf1ff}.nav-note{color:#199b65;margin-left:auto;font-size:12px;font-weight:650}.account{text-align:right;color:#314154;font-size:12px}.account button{color:#65758c;background:0 0;border:0;margin-left:10px;font-size:12px}.workspace{width:min(1440px,100% - 40px);margin:0 auto}.inbox-workspace{padding:24px 0}.inbox-grid{background:#fff;border:1px solid #dce4ef;border-radius:14px;grid-template-columns:300px minmax(390px,1fr) 300px;min-height:690px;display:grid;overflow:hidden;box-shadow:0 14px 36px #17233a0a}.ticket-list,.inspector{background:#fbfcfe}.ticket-list{border-right:1px solid #e5eaf2}.panel-header{justify-content:space-between;align-items:flex-start;padding:20px 18px 13px;display:flex}.panel-header h2,.conversation-header h2,.article-editor h2,.empty-conversation h2{color:#18263a;letter-spacing:-.025em;margin:3px 0 0;font-size:18px}.eyebrow,.kicker{color:#73829a;letter-spacing:.12em;margin:0;font-size:10px;font-weight:800}.count-badge{color:#4862c3;background:#edf1ff;border-radius:8px;place-items:center;min-width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.ticket-search{width:calc(100% - 36px);margin:0 18px 10px;padding:10px 11px;font-size:12px}.ticket-filters{grid-template-columns:1fr 1fr;gap:7px;padding:0 18px 14px;display:grid}.ticket-filters select{color:#5e6d80;min-width:0;padding:9px 7px;font-size:11px}.tickets{border-top:1px solid #e8edf4;max-height:585px;overflow:auto}.ticket{color:#27364b;text-align:left;background:0 0;border:0;border-bottom:1px solid #e8edf4;width:100%;padding:14px 17px}.ticket:hover{background:#f2f5fc}.ticket.selected-ticket{background:#edf2ff;box-shadow:inset 3px 0 #4d67cc}.ticket-meta,.ticket footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.ticket small{color:#8491a3;letter-spacing:.08em;font-size:10px;font-weight:700}.ticket strong{color:#25354b;white-space:nowrap;text-overflow:ellipsis;margin:8px 0 5px;font-size:13px;display:block;overflow:hidden}.ticket p{color:#7a8799;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.ticket footer{color:#8793a5;margin-top:10px;font-size:10px}.tiny-status,.priority-dot,.status-pill{border-radius:999px;align-items:center;width:fit-content;font-size:10px;font-weight:750;display:inline-flex}.tiny-status,.priority-dot{padding:3px 6px}.priority-dot.low{color:#467a63;background:#e8f7ef}.priority-dot.normal{color:#566d9d;background:#edf1fa}.priority-dot.high{color:#b56b25;background:#fff2df}.priority-dot.urgent{color:#b54249;background:#ffeaec}.open{color:#315fc4;background:#e9efff}.pending{color:#a86c1b;background:#fff3dc}.resolved{color:#19885c;background:#e6f7ee}.closed{color:#67778c;background:#edf0f4}.conversation-panel{background:#fff;flex-direction:column;min-width:0;display:flex}.conversation-header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;min-height:104px;padding:20px 24px 16px;display:flex}.conversation-header>div>p:not(.eyebrow){color:#7a8798;margin:6px 0 0;font-size:12px}.conversation-actions{align-items:center;gap:8px;display:flex}.status-pill{padding:5px 9px;font-size:11px}.action{border:1px solid #0000;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:750}.primary{color:#fff;background:#4863cd}.primary:hover{background:#3854b9}.outline{color:#53647a;background:#fff;border-color:#d6deeb}.outline:hover{background:#f4f6fa}.chat-history{flex-direction:column;flex:1;gap:11px;padding:22px 24px;display:flex;overflow:auto}.agent-history{min-height:410px;max-height:510px}.bubble{background:#f1f4f8;border-radius:10px;width:fit-content;max-width:78%;padding:10px 12px}.bubble.customer{color:#25364c;background:#f0f3f7;align-self:flex-start}.bubble.agent,.bubble.ai{color:#fff;background:#516bd0;align-self:flex-end}.bubble.system{color:#708096;background:#f5f7fa;align-self:center}.bubble.internal-note-bubble{color:#72591e;background:#fff9df;border:1px solid #e7ca74;align-self:stretch;max-width:100%}.bubble small{color:inherit;opacity:.82;justify-content:space-between;gap:25px;margin-bottom:5px;font-size:10px;font-weight:750;display:flex}.bubble p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.48}.bubble time{font-weight:500}.agent-composer{background:#fbfcfe;border-top:1px solid #e8edf4;padding:14px 20px}.agent-composer textarea,.internal-note textarea{resize:vertical;width:100%;padding:10px;font-size:12px}.agent-composer div{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.agent-composer span{color:#7d8ba0;font-size:11px}.inspector{border-left:1px solid #e5eaf2}.inspector-section{border-top:1px solid #e8edf4;gap:11px;padding:16px 18px;display:grid}.inspector-section label{color:#647287;gap:6px;font-size:11px;font-weight:700;display:grid}.inspector-section select{color:#33445c;padding:9px;font-size:12px;font-weight:500}.customer-summary span{color:#778499;font-size:12px}.customer-summary strong{color:#28394e;font-size:13px}.internal-note>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.internal-note small{color:#9a8050;font-size:10px}.note-action{color:#7d5d18;background:#fff7d8;border-color:#e5cc82;justify-self:start}.empty-inspector{color:#8190a4;text-align:center;place-items:center;padding:20px;font-size:12px;display:grid}.empty-conversation{color:#8190a4;text-align:center;flex:1;place-content:center;padding:40px;display:grid}.empty-conversation p:last-child{font-size:13px}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.metric{background:#fff;border:1px solid #dce4ef;border-radius:11px;padding:13px 16px}.metric span{color:#77869a;font-size:11px;display:block}.metric strong{color:#263850;margin-top:5px;font-size:20px;display:block}.widget-workspace,.account-workspace,.knowledge-workspace{padding:42px 0}.intro,.workspace-title{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:25px;display:flex}.intro h1,.workspace-title h1{color:#16243a;letter-spacing:-.045em;margin:6px 0 8px;font-size:clamp(26px,4vw,38px)}.intro div>p:not(.kicker),.workspace-title div>p:not(.kicker){color:#718096;margin:0;line-height:1.6}.mode-tag{color:#267a5d;background:#e6f7ee;border-radius:999px;margin-top:15px;padding:8px 11px;font-size:11px;font-weight:700}.start-ticket,.chat-shell,.account-panel{background:#fff;border:1px solid #dce4ef;border-radius:14px;box-shadow:0 14px 36px #17233a0a}.start-ticket{align-items:end;gap:14px;padding:24px;display:flex}.start-ticket label{color:#54657c;flex:1;font-size:12px;font-weight:700}.start-ticket input{width:100%;margin-top:8px;padding:11px;display:block}.chat-shell{overflow:hidden}.chat-header{border-bottom:1px solid #e8edf4;align-items:center;gap:10px;padding:15px 18px;display:flex}.chat-header .status-pill{margin-left:auto}.bot-avatar{color:#fff;background:#506bd1;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.chat-header strong,.chat-header small{display:block}.chat-header small{color:#78869a;margin-top:3px;font-size:11px}.message-composer{border-top:1px solid #e8edf4;gap:8px;padding:13px;display:flex}.message-composer input{flex:1;padding:10px}.send-button{color:#fff;background:#4e68cf;border:0;border-radius:9px;width:41px}.attachment-control{color:#53647a;background:#fff;border:1px solid #d6deeb;border-radius:9px;flex:0 0 41px;place-items:center;width:41px;height:41px;font-size:16px;display:grid}.attachment-control:hover{background:#f4f6fa}.attachment-control input{display:none}.attachment-download{color:inherit;text-underline-offset:3px;background:0 0;border:0;margin-top:8px;padding:0;font-size:11px;font-weight:750;text-decoration:underline}.account-panel{overflow:hidden}.account-filters,.library-toolbar{border-bottom:1px solid #e8edf4;gap:9px;padding:16px;display:flex}.account-filters input,.library-toolbar input{flex:1;padding:10px}.account-filters select{width:150px;padding:10px}.account-table{overflow:auto}.account-row{color:#596980;border-bottom:1px solid #edf0f4;grid-template-columns:2fr 1fr 1fr 1.25fr .8fr;align-items:center;gap:16px;min-width:800px;padding:14px 18px;font-size:12px;display:grid}.account-row strong{color:#28384e}.account-row small{color:#7d8999;font-size:11px;line-height:1.5}.account-row select{padding:7px}.account-heading{color:#8591a1;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.active-account{color:#219364}.inactive-account{color:#bd5b5f}.knowledge-grid{background:#fff;border:1px solid #dce4ef;border-radius:14px;grid-template-columns:minmax(300px,.85fr) minmax(430px,1.15fr);min-height:610px;display:grid;overflow:hidden;box-shadow:0 14px 36px #17233a0a}.article-library{background:#fbfcfe;border-right:1px solid #e4eaf2}.library-count{color:#8190a3;padding:0 17px;font-size:11px}.article-list{max-height:540px;overflow:auto}.article-row{border-top:1px solid #e7ecf3;align-items:flex-start;display:flex}.article-row>button:first-child{color:#34445a;text-align:left;background:0 0;border:0;flex:1;padding:15px 17px}.article-row:hover,.selected-article{background:#eef3ff}.article-row strong{color:#273850;font-size:13px;display:block}.article-row p{color:#7a879a;margin:5px 0 8px;font-size:11px;line-height:1.45}.article-row small{color:#94a0b0;margin-top:9px;font-size:10px;display:block}.tag{color:#6474a5;background:#e9efff;border-radius:5px;margin-right:4px;padding:3px 6px;font-size:10px;display:inline-block}.icon-button{color:#8090a4;background:0 0;border:0;border-radius:7px;width:28px;height:28px;margin:10px;font-size:21px;line-height:1}.icon-button:hover{color:#b3464e;background:#ffecee}.article-editor{flex-direction:column;gap:14px;padding:23px;display:flex}.article-editor header,.article-editor footer{justify-content:space-between;align-items:flex-start;display:flex}.article-editor label{color:#5f6e83;gap:7px;font-size:12px;font-weight:700;display:grid}.article-editor input,.article-editor textarea{padding:10px}.article-content{flex:1}.article-content textarea{resize:vertical;height:100%;min-height:230px}.publish-toggle{grid-template-columns:18px 1fr;align-items:center;display:flex!important}.publish-toggle input{width:15px;height:15px}.article-editor footer{align-items:center;margin-top:auto}.empty-editor{color:#8190a4;text-align:center;place-items:center;display:grid}.empty-editor h2{color:#526178}.empty-editor p:last-child{max-width:290px;font-size:12px;line-height:1.5}.empty{color:#8490a1;text-align:center;padding:18px;font-size:12px}.toast{z-index:10;color:#3653a8;background:#eff4ff;border:1px solid #c9d8ff;border-radius:9px;max-width:360px;padding:11px 15px;font-size:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 9px 24px #18234322}.app-frame>footer{color:#8591a0;text-align:center;padding:22px;font-size:11px}.app-frame>footer span{padding:0 5px}.auth-page{background:radial-gradient(circle at 70% 0,#e1eaff,#0000 38%),#f3f6fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #dce4ef;border-radius:16px;width:min(100%,440px);padding:34px;box-shadow:0 20px 55px #18315b16}.product-name{color:#5066b7;letter-spacing:.13em;font-size:11px;font-weight:800}.auth-card h1{color:#17253a;letter-spacing:-.045em;margin:13px 0 9px;font-size:31px}.auth-card>p:not(.product-name){color:#718096;line-height:1.55}.auth-tabs{background:#f0f3f8;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 13px;padding:4px;display:grid}.auth-tabs button{color:#748196;background:0 0;border:0;border-radius:6px;padding:9px;font-size:12px}.auth-tabs .selected{color:#3555ba;background:#fff;box-shadow:0 1px 4px #30476d18}.auth-card form{gap:10px;display:grid}.auth-card input{padding:11px}.auth-card .action{margin-top:4px}.form-notice{color:#a05234;background:#fff1e9;padding:9px;font-size:12px}@media (width<=1050px){.inbox-grid{grid-template-columns:275px minmax(370px,1fr)}.inspector{border-top:1px solid #e5eaf2;border-left:0;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;display:grid}.inspector .panel-header{display:none}.inspector-section{border-top:0;border-right:1px solid #e8edf4}.internal-note{border-right:0}.knowledge-grid{grid-template-columns:1fr}.article-library{border-bottom:1px solid #e4eaf2;border-right:0}.article-list{max-height:300px}.article-editor{min-height:520px}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:10px;height:auto;padding:12px 16px}.brand{min-width:130px}.topbar nav{order:3;width:100%;overflow:auto}.nav-note{display:none}.account{margin-left:auto}.workspace{width:min(100% - 24px,1440px)}.inbox-grid{display:block}.ticket-list{border-bottom:1px solid #e5eaf2;border-right:0}.tickets{max-height:270px}.conversation-header{padding:16px}.conversation-actions{flex-direction:column;align-items:flex-end}.chat-history{padding:16px}.agent-composer{padding:12px}.inspector{display:block}.inspector-section{border-top:1px solid #e8edf4;border-right:0}.metrics{grid-template-columns:1fr 1fr}.intro,.workspace-title,.start-ticket{flex-direction:column;align-items:stretch}.mode-tag{width:fit-content;margin-top:0}.account-filters,.library-toolbar{flex-wrap:wrap}.account-filters select{flex:1;width:auto}.knowledge-grid{display:block}.article-editor{min-height:560px}.workspace-title .action{align-self:flex-start}}.customer-portal{padding:34px 0 42px}.customer-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.customer-hero h1,.customer-kb h2{color:#16243a;letter-spacing:-.045em;margin:6px 0 8px;font-size:clamp(28px,4vw,40px)}.customer-hero>div>p:not(.kicker),.customer-kb header p:not(.kicker){color:#718096;max-width:680px;margin:0;line-height:1.6}.portal-profile{background:#fff;border:1px solid #dce4ef;border-radius:12px;gap:11px;min-width:240px;padding:13px;display:flex;box-shadow:0 10px 25px #17233a0a}.profile-initial{color:#fff;background:linear-gradient(135deg,#3f64d9,#6f4bce);border-radius:12px;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.portal-profile strong,.portal-profile small{display:block}.portal-profile strong{color:#293a51;font-size:13px}.portal-profile small{color:#7a8798;margin-top:3px;font-size:11px}.portal-tabs{background:#fff;border:1px solid #dce4ef;border-radius:11px;gap:5px;margin-bottom:18px;padding:5px;display:flex}.portal-tabs button{color:#68778c;background:0 0;border:0;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:750}.portal-tabs button.selected{color:#3555ba;background:#edf1ff}.portal-tabs span{color:#5870c7;margin-left:4px}.portal-overview{grid-template-columns:minmax(0,1fr) 255px;gap:16px;display:grid}.portal-main,.portal-sidebar{gap:16px;display:grid}.portal-card,.customer-ticket-grid,.customer-kb{background:#fff;border:1px solid #dce4ef;border-radius:14px;box-shadow:0 14px 36px #17233a0a}.welcome-card{padding:20px}.welcome-card h2,.new-request h2,.widget-section h2,.customer-ticket-list h2,.customer-detail-header h2{color:#1d2c42;letter-spacing:-.025em;margin:5px 0;font-size:19px}.welcome-card>div>p:not(.eyebrow),.widget-section-title p,.customer-detail-header p{color:#748296;margin:0;font-size:12px;line-height:1.5}.quick-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;display:grid}.quick-actions button{color:#33445c;text-align:left;background:#fbfcfe;border:1px solid #e0e7f1;border-radius:10px;min-height:92px;padding:13px;position:relative}.quick-actions button:hover{background:#f1f4ff;border-color:#bccaf1}.quick-actions strong,.quick-actions span{display:block}.quick-actions strong{font-size:12px}.quick-actions span{color:#7b889a;margin-top:7px;font-size:10px;line-height:1.4}.quick-actions b{color:#4965ca;position:absolute;bottom:9px;right:12px}.new-request header,.widget-section-title,.customer-ticket-list>header,.customer-detail-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.new-request header{padding:18px 20px 0}.new-request header>span{color:#8390a1;font-size:10px}.new-request form{gap:9px;padding:15px 20px 20px;display:flex}.new-request input{flex:1;min-width:0;padding:10px}.widget-section{overflow:hidden}.widget-section-title{border-bottom:1px solid #e8edf4;padding:18px 20px}.customer-history{min-height:240px;max-height:390px}.customer-empty{color:#7c899b;text-align:center;place-items:center;gap:11px;padding:30px 20px;font-size:12px;display:grid}.customer-empty strong{color:#53647b}.customer-empty span{display:block}.customer-summary-card{gap:5px;padding:19px;display:grid}.customer-summary-card>strong{color:#314b9c;font-size:36px;line-height:1}.customer-summary-card>span{color:#77869a;font-size:11px;line-height:1.4}.customer-summary-card .action{justify-self:start;margin-top:8px}.help-note{padding:19px}.help-note p:last-child{color:#748297;margin:8px 0 0;font-size:11px;line-height:1.6}.customer-ticket-grid{grid-template-columns:320px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.customer-ticket-list{background:#fbfcfe;border-right:1px solid #e5eaf2}.customer-ticket-list>header{padding:20px 18px 14px}.customer-ticket{color:#2f4056;text-align:left;background:0 0;border:0;border-top:1px solid #e8edf4;width:100%;padding:14px 18px}.customer-ticket:hover{background:#f3f6fd}.customer-ticket>div{justify-content:space-between;gap:8px;display:flex}.customer-ticket small{color:#8794a5;letter-spacing:.08em;font-size:10px;font-weight:800}.customer-ticket strong{color:#293a51;white-space:nowrap;text-overflow:ellipsis;margin:8px 0 5px;font-size:13px;display:block;overflow:hidden}.customer-ticket p{color:#7b889a;margin:0;font-size:11px;line-height:1.45}.customer-ticket-detail{flex-direction:column;min-width:0;display:flex}.customer-detail-header{border-bottom:1px solid #e8edf4;padding:20px 23px 15px}.ticket-metadata{border-bottom:1px solid #e8edf4;grid-template-columns:repeat(3,1fr);display:grid}.ticket-metadata span{color:#69788c;border-right:1px solid #edf0f4;gap:4px;padding:13px 20px;font-size:11px;display:grid}.ticket-metadata b{color:#8995a4;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.customer-timeline{flex-direction:column;flex:1;gap:10px;min-height:245px;max-height:340px;padding:18px 23px;display:flex;overflow:auto}.handoff-panel{background:#f6f8ff;border:1px solid #d8e1f3;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:0 20px 14px;padding:13px;display:flex}.handoff-panel strong{color:#344a86;font-size:12px}.handoff-panel p{color:#75829a;max-width:450px;margin:4px 0 0;font-size:11px;line-height:1.45}.customer-kb{padding:26px}.kb-search{gap:10px;margin:23px 0 17px;display:flex}.kb-search input{flex:1;padding:11px}.customer-articles{gap:10px;display:grid}.customer-articles article{background:#fbfcfe;border:1px solid #e4eaf2;border-radius:11px;justify-content:space-between;align-items:flex-start;gap:18px;padding:17px;display:flex}.customer-articles h3{color:#293a51;margin:0;font-size:15px}.customer-articles p{color:#6e7d91;white-space:pre-wrap;margin:7px 0;font-size:12px;line-height:1.55}.customer-articles small{color:#95a0af;margin-top:9px;font-size:10px;display:block}.customer-articles .action{flex:none}@media (width<=900px){.portal-overview{grid-template-columns:1fr}.portal-sidebar{grid-template-columns:1fr 1fr}.customer-ticket-grid{grid-template-columns:270px minmax(0,1fr)}}@media (width<=640px){.customer-portal{padding-top:24px}.customer-hero{flex-direction:column}.portal-profile{width:100%}.portal-tabs{overflow-x:auto}.portal-tabs button{flex:none}.quick-actions{grid-template-columns:1fr}.new-request form,.kb-search{flex-direction:column}.portal-sidebar{grid-template-columns:1fr}.customer-ticket-grid{display:block}.customer-ticket-list{border-bottom:1px solid #e5eaf2;border-right:0;max-height:320px;overflow:auto}.customer-detail-header,.handoff-panel{flex-direction:column;align-items:flex-start}.ticket-metadata{grid-template-columns:1fr}.ticket-metadata span{border-bottom:1px solid #edf0f4;border-right:0}.customer-timeline{max-height:none}.customer-articles article{flex-direction:column}.customer-articles .action{width:100%}}