:root{font-family:Inter,SF Pro Display,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#f5f6ff;background-color:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(19,88,255,.25),transparent 45%),radial-gradient(circle at 20% 20%,rgba(255,60,120,.15),transparent 35%),#020617}#root{width:100%}button,textarea,select{font-family:inherit}.app-shell{width:100%;max-width:1560px;margin:0 auto;padding:1.75rem clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(130,199,255,.9);outline-offset:3px;box-shadow:0 0 0 2px #82c7ff59}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;box-shadow:0 20px 40px #040916a6;flex-wrap:wrap}.brand-copy h1{font-size:2.1rem;margin:0;display:flex;flex-direction:column;gap:.2rem}.brand-copy h1 span{font-size:.9rem;font-weight:400;color:#f5f6ffd1}.hero-blurb{margin:0;color:#f5f6ffc7;font-size:.95rem}.eyebrow{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#82c7ff;margin:0}.utility-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.header-switcher{display:flex;gap:.5rem;align-items:center}.session-chip{display:flex;flex-direction:column;gap:.15rem;min-width:10rem;padding:.65rem .9rem;border-radius:14px;background:#82c7ff1a;border:1px solid rgba(130,199,255,.22)}.session-chip span{font-size:.72rem;color:#f5f6ffb8;text-transform:uppercase;letter-spacing:.12em}.workspace-banner,.metrics-error,.auth-error{margin:0;padding:.85rem 1rem;border-radius:14px;background:#ffb80014;border:1px solid rgba(255,184,0,.28);color:#ffd57a}.utility-field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:#f5f6ffc7}.utility-field input,.utility-field select,.utility-field textarea{min-width:200px;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#020612cc;color:#f5f6ff;padding:.65rem .9rem}.utility-field select{appearance:none}.ghost-btn{border-radius:12px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#f5f6ff;font-weight:600;padding:.65rem 1.1rem;cursor:pointer;transition:border .2s ease,transform .2s ease}.ghost-btn:hover{border-color:#82c7ff;transform:translateY(-1px)}.workspace-grid{display:grid;grid-template-columns:240px minmax(360px,.95fr) minmax(0,1.35fr);gap:1.25rem;min-height:0;align-items:start}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:min(34rem,100%);display:flex;flex-direction:column;gap:1rem;padding:1.6rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,#82c7ff1f,#82c7ff00 38%),#050c1ee0;box-shadow:0 24px 48px #04091699}.auth-card h1{margin:0;font-size:2rem}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-actions{display:flex;gap:.75rem;flex-wrap:wrap}.metrics-shell{display:flex;flex-direction:column;gap:1.25rem}.metrics-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;flex-wrap:wrap;padding:1.25rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.metrics-controls{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.metric-card span{color:#f5f6ffbd;font-size:.85rem}.metric-card strong{font-size:2rem}.metrics-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.metrics-list{display:flex;flex-direction:column;gap:.85rem}.metrics-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.metrics-row:last-child{border-bottom:none;padding-bottom:0}.metrics-row p{margin:.2rem 0 0;color:#f5f6ffb8;font-size:.85rem}.workspace-grid>*{min-width:0}.views-nav{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:0;position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);overflow:auto}.views-heading{display:flex;flex-direction:column;gap:.3rem}.views-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.view-link{width:100%;text-align:left;border-radius:14px;border:1px solid transparent;padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#ffffff05;cursor:pointer;color:#f5f6ff;transition:border-color .2s ease,background .2s ease}.view-link>div{min-width:0;display:flex;flex-direction:column;gap:.15rem}.view-link small{font-size:.78rem;line-height:1.35;color:#f5f6ffc7;overflow-wrap:anywhere}.view-link.active{border-color:#82c7ff99;background:#82c7ff14}.count{font-weight:700;color:#67f6a0;flex-shrink:0}.view-footnote{font-size:.82rem;color:#f5f6ffb8;margin:0}.tickets-column{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:0;min-width:0}.tickets-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.ticket-count-cta{margin:0;font-size:.9rem;color:#f5f6ffc2}@media(max-width:1280px){.workspace-grid{grid-template-columns:220px minmax(320px,1fr)}.detail-column{order:3;grid-column:1 / -1}.views-nav{position:static;max-height:none;overflow:visible}}@media(max-width:900px){.workspace-grid,.metrics-content{grid-template-columns:1fr}.app-header{flex-direction:column}.tickets-column,.detail-column,.views-nav{width:100%}.detail-column{grid-column:auto}}.ticket-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem;flex:1;overflow-y:auto;min-height:0}.empty-state{border:1px dashed rgba(255,255,255,.4);border-radius:14px;padding:1.5rem;text-align:center;background:#020612bf;color:#ffffffd9;display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.empty-state p{margin:0}.ticket-card{background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:1rem;display:flex;flex-direction:column;gap:.65rem;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease;width:100%;text-align:left;text-decoration:none;font:inherit;color:inherit;appearance:none}.ticket-card:hover{border-color:#82c7ff66}.ticket-card.active{border-color:#67f6a0;background:#67f6a014;transform:translateY(-1px);box-shadow:0 15px 30px #03060f99}.ticket-card:focus-visible{outline:none;box-shadow:0 0 0 3px #82c7ff73,0 15px 30px #03060f59}.ticket-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0}.ticket-card-top>div:first-child{flex:1;min-width:0}.ticket-card-top h3{margin:0;font-size:1rem;overflow-wrap:anywhere}.ticket-card-subtext{margin:.35rem 0 0;font-size:.85rem;color:#f5f6ffb8}.ticket-card-timer,.sla{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;flex-shrink:0}.ticket-card-timer svg,.sla svg{stroke:currentColor}.timer-normal{color:#67f6a0}.timer-warning{color:#facc15}.timer-overdue{color:#ff6b6b;font-weight:600}.timer-missing{color:#ffb347;font-weight:600}.ticket-card-meta{display:flex;flex-wrap:wrap;gap:.4rem}.badge{font-size:.75rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#070918bf;display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#f5f6ff;box-shadow:inset 0 0 0 1px #ffffff0d}.badge span{display:inline-flex;align-items:center;gap:.15rem}.badge svg{width:1rem;height:1rem;stroke-width:1.5;stroke:currentColor}.badge.department{background:#67f6a01f;border-color:#67f6a080;color:#c7ffe9}.badge.status{background:#82c7ff26;border-color:#82c7ff73;color:#9ad8ff}.badge.priority{background:#ffb34726;border-color:#ffb34759;color:#ffd35a}.badge.severity{background:#ff6b6b2e;border-color:#ff6b6b73;color:#ffb0b0}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.tag{font-size:.75rem;border-radius:8px;padding:.25rem .75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.ticket-card-top{flex-direction:column}.ticket-card-timer{align-self:flex-start}}.detail-column{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1.25rem;min-height:0;min-width:0;display:flex;flex-direction:column;gap:1rem}.detail-headline{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.detail-empty{background:#ffffff05;border-radius:16px;border:1px dashed rgba(255,255,255,.3);padding:2rem;text-align:center;color:#f5f6ffc7}.detail-empty p{margin:.4rem 0;font-size:.9rem}.ticket-shell{display:flex;flex-direction:column;gap:1.2rem;min-height:0;min-width:0}.ticket-header{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 20px 40px #04091699;min-width:0}.ticket-chip{display:flex;gap:.5rem;flex-wrap:wrap}.triage-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;border:1px solid rgba(130,199,255,.25);border-radius:14px;padding:.9rem;background:#070e1ed9;min-width:0}.triage-pill{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem;color:#f5f6ffc7;min-width:0}.triage-pill strong{font-size:.95rem;color:#f5f6ff;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.timer-value{display:inline-flex;align-items:center;gap:.35rem;color:#82c7ff}.timer-value svg{stroke:currentColor}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;min-width:0}.header-row h2{margin:0;flex:1 1 24rem;min-width:0;overflow-wrap:anywhere}.metadata{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem;color:#f5f6ffc7}.metadata span{overflow-wrap:anywhere}.escalation-path,.customer-profile{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9rem;color:#f5f6ffc7}.routing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.routing-card{border:1px solid rgba(130,199,255,.2);border-radius:14px;padding:.85rem 1rem;background:#ffffff05;min-height:120px;display:flex;flex-direction:column;gap:.35rem;min-width:0}.routing-card span{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#f5f6ffc7}.routing-card strong{font-size:.95rem;color:#f5f6ff;overflow-wrap:anywhere}.routing-card p{margin:0;font-size:.84rem;color:#f5f6ffd1;overflow-wrap:anywhere}.ticket-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:1.25rem;min-height:0;align-items:start}.ticket-grid>*,.thread-column,.sidebar{min-width:0}.thread-column,.sidebar{display:flex;flex-direction:column;gap:1rem}@media(max-width:1500px){.ticket-grid{grid-template-columns:1fr}}.panel{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 30px #03060f80;min-width:0;overflow:hidden}.panel-heading{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.6rem}.panel-heading>*{min-width:0}.panel-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}.panel--guided .panel-body{gap:1rem}.guided-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.85rem;background:#ffffff05;display:flex;flex-direction:column;gap:.5rem}.guided-card__header{display:flex;flex-direction:column;gap:.2rem;min-width:0}.guided-card__header strong{font-size:.95rem}.guided-keywords{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#82c7ffe6}.guided-tips{list-style:disc;margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.2rem;color:#f5f6ffe0;font-size:.85rem}.guided-articles{display:flex;flex-direction:column;gap:.45rem}.guided-article{padding-top:.45rem;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:flex-start}.guided-article strong{font-size:.85rem;display:block}.guided-article p{margin:.2rem 0 0;font-size:.8rem;color:#f5f6ffc7;max-width:none;overflow-wrap:anywhere}.guided-article button{align-self:flex-start}.scorecard .score-metric{display:flex;flex-direction:column;gap:.35rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.04)}.scorecard .score-metric:last-child{border-bottom:none}.scorecard .score-metric>div:first-child{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem}.scorecard .note,.scorecard .suggestion{margin:0;font-size:.85rem}.scorecard .note{color:#f5f6ffc2}.scorecard .suggestion{color:#82c7ffeb;font-size:.8rem}.meter{height:4px;border-radius:99px;background:#ffffff1a;overflow:hidden}.meter div{height:100%;background:linear-gradient(135deg,#82c7ff,#67f6a0)}.total{text-align:right;font-weight:600;font-size:.95rem}.postmortem textarea,.postmortem input,.postmortem select,.postmortem label,.postmortem-checklist textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#f5f6ff;padding:.6rem;resize:vertical;font:inherit}.postmortem label{display:flex;flex-direction:column;gap:.4rem}.postmortem-checklist{margin-top:.9rem;border-top:1px dashed rgba(255,255,255,.2);padding-top:.8rem}.postmortem-checklist ul{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}.postmortem-checklist li{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;font-size:.9rem}.postmortem-checklist .check-detail{font-size:.8rem;color:#f5f6ffad}.postmortem-checklist .check-status{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f5f6ffc7}.postmortem-checklist .check-status.complete{color:#67f6a0}.thread-entry{background:#ffffff05;padding:.9rem;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.thread-entry p{margin:0;overflow-wrap:anywhere}.thread-entry.internal{border-color:#ff656566;background:#ff65651f;color:#ffe7e7;font-style:italic}.thread-meta{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.78rem;color:#f5f6ffc7;margin-bottom:.3rem}.muted{color:#f5f6ffad;font-size:.9rem}.conversation-body{display:flex;flex-direction:column;gap:1rem;min-width:0}.conversation-stream{display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto;padding-right:.25rem;min-width:0}.conversation-bubble{border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:.85rem;max-width:min(46rem,85%);min-width:0;box-shadow:0 10px 20px #03060f4d;background:#ffffff05}.conversation-bubble p{margin:0;overflow-wrap:anywhere}.conversation-bubble--customer{align-self:flex-start;border-color:#82c7ff80;background:#82c7ff1f}.conversation-bubble--agent{align-self:flex-end;border-color:#67f6a080;background:#67f6a029}.conversation-bubble__meta{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.78rem;color:#f5f6ffc7;margin-bottom:.35rem}.attachments-placeholder{border:1px dashed rgba(255,255,255,.35);border-radius:12px;padding:.8rem;text-align:center;background:#ffffff05;font-size:.9rem;color:#ffffffc2}.attachments-placeholder small{display:block;font-size:.8rem;color:#ffffff9e;margin-top:.35rem}.status-actions{display:flex;gap:.7rem;flex-wrap:wrap}.status-actions select{min-width:200px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#020612cc;color:#f5f6ff;padding:.65rem .9rem}.status-actions button:disabled{opacity:.5;cursor:not-allowed}.composer-body{display:flex;flex-direction:column;gap:.9rem}.canned-preview{border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.9rem;background:#0206128c;display:flex;flex-direction:column;gap:.6rem}.canned-preview div{display:flex;flex-direction:column;gap:.25rem}.canned-preview strong{font-size:.8rem;color:#82c7fff0}.canned-preview p{margin:0;font-size:.85rem;color:#f5f6ffd6}.composer-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.kb-share-row{display:flex;gap:.55rem;flex:1 1 20rem;min-width:0}.kb-share-row select{flex:1;min-width:0;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#020612d9;color:#f5f6ff;padding:.6rem .9rem}.kb-share-row button{flex:0 0 auto}.composer-controls .primary{margin-left:auto}.composer-reminder{margin:0;font-size:.82rem;color:#fffc}.checkbox-field{flex-direction:row;align-items:center;justify-content:space-between}.checkbox-field input{min-width:auto;width:auto}@media(max-width:1500px){.conversation-bubble{max-width:100%}}@media(max-width:700px){.composer-controls .primary{margin-left:0;width:100%}}.primary{border-radius:999px;border:none;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;color:#020617;background:linear-gradient(135deg,#82c7ff,#5b21d6);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #5c21d640}.kb-suggestions .kb-article{border-radius:14px;background:#0d1123e6;padding:.9rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(255,255,255,.05);min-width:0}.kb-article button{align-self:flex-start;border:none;background:#62ffbb1a;color:#67f6a0;padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-weight:600}.kb-article p{margin:0;color:#f5f6ffcc;overflow-wrap:anywhere}.kb-article small{color:#f5f6ff8f;overflow-wrap:anywhere}.scenario-library .panel{padding:1.5rem}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.scenario-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.scenario-card h4{margin:0}.scenario-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#f5f6ffcc}.scenario-card button{margin-top:.6rem;border:none;background:#82c7ff1a;color:#82c7ff;padding:.5rem .8rem;border-radius:8px;cursor:pointer}.scenario-card .badge.bucket{margin-bottom:.4rem;display:inline-flex;background:#82c7ff26;border:1px solid rgba(130,199,255,.3)}.walkthrough-overlay{position:fixed;inset:0;z-index:50;background:#01030ad9;display:flex;align-items:center;justify-content:center;padding:1rem}.walkthrough-card{background:#081028;border-radius:16px;border:1px solid rgba(130,199,255,.35);padding:1.75rem;max-width:420px;max-height:min(85vh,44rem);overflow:auto}.walkthrough-card ul{padding-left:1rem;margin-top:.5rem;color:#f5f6ffcc}.toast{position:fixed;z-index:60;bottom:1.5rem;right:1.5rem;background:#059669e6;padding:.85rem 1.5rem;border-radius:999px;color:#f5f6ff;box-shadow:0 15px 30px #00000073}@media(max-width:700px){.toast{left:1rem;right:1rem;bottom:1rem}.walkthrough-card{width:min(100%,420px)}}