:root{color:#071426;background:#f3f7fb;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{top:1rem;left:1rem}.center{place-items:center;min-height:100vh;display:grid}.portal>header{background:#fff;border-bottom:1px solid #dce5ef;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,5rem);display:flex}.brand{color:#071426;align-items:center;gap:.6rem;font-weight:800;text-decoration:none;display:flex}.brand span{color:#fff;background:#2158ff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.portal button{cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:.65rem .9rem}.auth-card{background:#fff;border:1px solid #dce5ef;border-radius:24px;width:min(92%,440px);margin:7vh auto;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 25px 60px #0714261f}h1{margin:.4rem 0;font-size:clamp(2rem,5vw,3.2rem)}.eyebrow{color:#2158ff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}form{gap:1rem;margin-top:1.5rem;display:grid}label{gap:.4rem;font-size:.78rem;font-weight:700;display:grid}input,textarea{border:1px solid #cbd7e4;border-radius:10px;min-height:46px;padding:.7rem .8rem}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus{border-color:#2158ff;outline:3px solid #2158ff2e}.primary{color:#fff;background:#2158ff;font-weight:800}.link{color:#2158ff;background:0 0;width:100%;margin-top:1rem}.error{color:#b42318}.workspace-shell{grid-template-columns:260px 1fr;min-height:calc(100vh - 69px);display:grid}aside{color:#fff;background:#0b1f3a;flex-direction:column;gap:1rem;padding:2rem;display:flex}aside button{margin-top:auto}.workspace-shell article{padding:clamp(2rem,6vw,6rem)}.workspace-card,.onboarding{background:#fff;border:1px solid #dce5ef;border-radius:20px;max-width:960px;padding:2rem}.workspace-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.workspace-heading h2{margin:.2rem 0}.status-dot{background:#12b76a;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #12b76a1f}.workspace-nav{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}.workspace-nav button{color:#344054;background:#edf2f8}.workspace-nav .active{color:#fff;background:#2158ff}.workspace-nav button:disabled{cursor:not-allowed;opacity:.58}.ready-banner{background:#eef5ff;border:1px solid #b8d3ff;border-radius:14px;gap:.35rem;padding:1rem 1.1rem;display:grid}.ready-banner span,.metric span,.empty-state p{color:#526173}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.metric{border:1px solid #dce5ef;border-radius:14px;gap:.25rem;padding:1.2rem;display:grid}.metric strong{font-size:1.8rem}.activity{padding-top:.5rem}.empty-state{text-align:center;background:#f8fafc;border:1px dashed #b8c6d6;border-radius:14px;padding:2rem}.empty-state p{max-width:520px;margin:.5rem auto 0}@media (width<=900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.workspace-shell{grid-template-columns:1fr}aside{min-height:auto}.workspace-shell article,.workspace-card{padding:1.2rem}.metrics{grid-template-columns:1fr}.workspace-nav button{flex:42%}}html[dir=rtl] body{font-family:Alexandria,Arial,sans-serif}select{color:#071426;background:#fff;border:1px solid #cbd7e4;border-radius:10px;min-height:46px;padding:.7rem .8rem}select:focus,button:focus-visible{outline-offset:2px;outline:3px solid #2158ff38}button:disabled{cursor:not-allowed;opacity:.58}.success{color:#067647;background:#ecfdf3;border:1px solid #86d7ad;border-radius:10px;padding:.8rem 1rem}.module-grid{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.module-form{background:#f8fafc;border:1px solid #dce5ef;border-radius:14px;margin:0;padding:1.2rem}.module-form h3{margin:0 0 .3rem}.form-note{color:#694100;background:#fff7d6;border-radius:8px;margin:0;padding:.7rem;font-size:.82rem}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading h3{margin:.2rem 0 1rem}.record-list{gap:.7rem;display:grid}.record{background:#fff;border:1px solid #dce5ef;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.record>div:first-child{gap:.3rem;min-width:0;display:grid}.record strong,.record span{overflow-wrap:anywhere}.record>div:first-child span{color:#526173;font-size:.82rem}.record-badges{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.badge{color:#344054;text-transform:capitalize;background:#edf2f8;border-radius:999px;align-items:center;width:max-content;padding:.28rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.badge.low{color:#175cd3;background:#eff8ff}.badge.normal{color:#344054;background:#f2f4f7}.badge.high{color:#b54708;background:#fffaeb}.badge.urgent{color:#b42318;background:#fef3f2}@media (width<=900px){.module-grid{grid-template-columns:1fr}}@media (width<=700px){.record{flex-direction:column;align-items:flex-start}.record-badges{justify-content:flex-start}.section-heading{align-items:flex-start}.workspace-card{overflow:hidden}}.password-field{grid-template-columns:minmax(0,1fr) 46px;align-items:stretch;display:grid}.password-field input{border-radius:10px 0 0 10px}html[dir=rtl] .password-field input{border-radius:0 10px 10px 0}.password-field button{border:1px solid #cbd7e4;background:#f8fafc;border-inline-start:0;border-radius:0 10px 10px 0;min-height:46px;padding:.4rem}html[dir=rtl] .password-field button{border-radius:10px 0 0 10px}.link.compact{margin-top:.35rem;padding-block:.35rem}.sidebar-email{overflow-wrap:anywhere;word-break:break-word;max-width:100%;line-height:1.45;display:block}@media (width<=700px){.sidebar-email{max-width:min(100%,34rem)}}.session-status{color:#526173;margin:.75rem 0 0;font-size:.8rem}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline-item{grid-template-columns:18px minmax(0,1fr);gap:.8rem;padding-bottom:1rem;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";background:#dce5ef;width:2px;position:absolute;inset-block:18px -2px;inset-inline-start:7px}.timeline-marker{z-index:1;background:#2158ff;border:4px solid #dbe7ff;border-radius:50%;width:16px;height:16px;margin-top:1rem;position:relative}.timeline-item article{background:#fff;border:1px solid #dce5ef;border-radius:12px;min-width:0;padding:1rem}.timeline-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.timeline-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.65rem 0}.timeline-meta{color:#526173;font-size:.78rem}@media (width<=700px){.timeline-heading{flex-direction:column;align-items:flex-start}}.ticket-record{flex-direction:column;align-items:stretch}.ticket-summary{gap:.45rem;min-width:0;display:grid}.ticket-controls{border-top:1px solid #e5ebf2;grid-template-columns:repeat(2,minmax(140px,1fr)) auto;align-items:end;gap:.75rem;margin:0;padding-top:.9rem;display:grid}.ticket-controls label{min-width:0}.ticket-controls select{width:100%}.ticket-controls button{white-space:nowrap}.badge.status-new{color:#175cd3;background:#eff8ff}.badge.status-open{color:#067647;background:#ecfdf3}.badge.status-pending{color:#b54708;background:#fffaeb}.badge.status-resolved{color:#05603a;background:#d1fadf}.badge.status-closed{color:#344054;background:#eaecf0}@media (width<=700px){.ticket-controls{grid-template-columns:1fr}.ticket-controls button{width:100%}}.assignment-controls{border-top:1px solid #e5ebf2;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:.75rem;margin:0;padding-top:.9rem;display:grid}.assignment-controls select{width:100%}.assignment-controls button{white-space:nowrap}@media (width<=700px){.assignment-controls{grid-template-columns:1fr}.assignment-controls button{width:100%}}.ticket-filters{background:#f8fafc;border:1px solid #dce5ef;border-radius:12px;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr)) auto;align-items:end;gap:.75rem;margin-bottom:.5rem;padding:1rem;display:grid}.ticket-filters input,.ticket-filters select{width:100%}.ticket-filters button{white-space:nowrap;color:#344054;background:#edf2f8}.filter-summary{color:#526173;margin:.5rem 0 1rem;font-size:.82rem}@media (width<=900px){.ticket-filters{grid-template-columns:1fr 1fr}.ticket-filters label:first-child{grid-column:1/-1}}@media (width<=700px){.ticket-filters{grid-template-columns:1fr}.ticket-filters label:first-child{grid-column:auto}.ticket-filters button{width:100%}}.internal-notes{border-top:1px solid #e5ebf2;padding-top:.9rem}.internal-notes summary{cursor:pointer;color:#2158ff;align-items:center;gap:.5rem;width:max-content;max-width:100%;font-weight:800;display:flex}.note-count{color:#344054;background:#edf2f8;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 .4rem;font-size:.72rem;display:inline-grid}.note-privacy,.note-empty{color:#526173;font-size:.8rem}.note-list{gap:.6rem;margin:.8rem 0;padding:0;list-style:none;display:grid}.note-list li{background:#f8fafc;border-inline-start:3px solid #2158ff;border-radius:8px;padding:.8rem}.note-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .4rem}.note-list time{color:#526173;font-size:.75rem}.note-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;margin:.8rem 0 0;display:grid}.note-form button{white-space:nowrap}@media (width<=700px){.note-form{grid-template-columns:1fr}.note-form button{width:100%}}.queue-health{margin:1.25rem 0}.queue-breakdowns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.queue-breakdowns>section{background:#f8fafc;border:1px solid #dce5ef;border-radius:14px;padding:1rem}.queue-breakdowns h4{margin:0 0 .8rem}.queue-row{gap:.3rem;margin:.65rem 0;display:grid}.queue-row>div{justify-content:space-between;gap:1rem;font-size:.82rem;display:flex}.queue-row progress{background:#e4ebf3;border:0;border-radius:999px;width:100%;height:.65rem;overflow:hidden}.queue-row progress::-webkit-progress-bar{background:#e4ebf3;border-radius:999px}.queue-row progress::-webkit-progress-value{background:#2158ff;border-radius:999px}.queue-row progress::-moz-progress-bar{background:#2158ff;border-radius:999px}@media (width<=700px){.queue-breakdowns{grid-template-columns:1fr}}.customer-record{width:100%;color:inherit;text-align:start;font:inherit;cursor:pointer}.customer-record:hover,.customer-record[aria-expanded=true]{background:#f7f9ff;border-color:#9ab4ff}.customer-action{color:#2158ff;font-size:.78rem;font-weight:800}.customer-overview{background:#f7f9ff;border:1px solid #9ab4ff;border-radius:14px;gap:1rem;margin-top:1rem;padding:1.15rem;display:grid}.customer-overview .section-heading h3,.customer-overview .section-heading p{margin:0}.customer-overview .section-heading>button{color:#344054;background:#e7edfa;border-radius:999px;min-width:42px;min-height:42px;padding:.3rem;font-size:1.35rem}.customer-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.customer-facts>div{background:#fff;border:1px solid #dce5ef;border-radius:10px;min-width:0;padding:.8rem}.customer-facts dt{color:#526173;font-size:.75rem;font-weight:700}.customer-facts dd{overflow-wrap:anywhere;margin:.35rem 0 0;font-weight:700}.customer-overview h4{align-items:center;gap:.5rem;margin:.2rem 0 .65rem;display:flex}.customer-history{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.customer-history li{background:#fff;border:1px solid #dce5ef;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.8rem;display:flex}.customer-history li>div{gap:.25rem;min-width:0;display:grid}.customer-history li span,.customer-history time{color:#526173;overflow-wrap:anywhere;font-size:.76rem}.interaction-history li>div{width:100%}.interaction-history time{margin-top:.15rem}@media (width<=700px){.customer-facts{grid-template-columns:1fr}.customer-history li{flex-direction:column}.customer-record .record-badges{justify-content:space-between;width:100%}}