:root{--brand-navy: #24285f;--brand-navy-dark: #171a44;--brand-red: #c80000;--brand-red-dark: #a80000;--bg-main: #ffffff;--bg-soft: #f6f6f8;--bg-card: #ffffff;--text-main: #24285f;--text-muted: #707789;--text-light: #ffffff;--border-soft: #dedee8;--success: #1f8a5b;--warning: #c77d00;--danger: #c80000}*{box-sizing:border-box}body{margin:0;font-family:Inter,Nunito Sans,Arial,sans-serif;color:var(--text-main);background:linear-gradient(180deg,#fff,#f6f6f8)}button,input,select,textarea{font:inherit}button{border:1px solid var(--border-soft);border-radius:999px;background:#fff;color:var(--brand-navy);padding:.75rem 1rem;cursor:pointer;font-weight:800}button:hover{transform:translateY(-1px)}button.primary,button.accent{border-color:var(--brand-red);background:var(--brand-red);color:var(--text-light)}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem clamp(1rem,3vw,3rem);background:#fffffff0;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:.8rem;border:0;background:transparent;padding:0;border-radius:0;text-align:left}.brand small{display:block;color:var(--text-muted);font-size:.75rem;font-weight:700}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-navy);color:#fff;font-weight:900}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.user-strip{display:flex;gap:.75rem;align-items:center;padding:.7rem clamp(1rem,3vw,3rem);background:var(--brand-navy);color:#fff}main{padding:clamp(1rem,3vw,3rem);max-width:1180px;margin:0 auto}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center;min-height:70vh}.eyebrow,.section-title p{margin:0 0 .5rem;color:var(--brand-red);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1,.section-title h1{margin:0;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.95;color:var(--brand-navy)}.hero p{max-width:680px;color:var(--text-muted);font-size:1.15rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;margin-top:1.5rem}.hero-card,.card,.form-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:26px;box-shadow:0 18px 60px #24285f1a}.hero-card{padding:2rem;border-top:8px solid var(--brand-red)}.hero-card li{margin:.8rem 0}.form-card{max-width:620px;margin:2rem auto;padding:2rem}.form-card h1{margin-top:0}label{display:grid;gap:.4rem;margin-bottom:1rem;color:var(--brand-navy);font-weight:900}input,select,textarea{width:100%;border:1px solid var(--border-soft);border-radius:16px;padding:.9rem 1rem;color:#1d214d;background:#fff}textarea{min-height:130px;resize:vertical}.notice,.error{max-width:900px;margin:1rem auto;padding:1rem;border-radius:18px;font-weight:800}.notice{background:#1f8a5b1f;color:var(--success)}.error{background:#c800001a;color:var(--danger)}.hint,.muted{color:var(--text-muted)}.section-title{margin-bottom:1.5rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.metric{padding:1.2rem;border-radius:22px;background:var(--brand-navy);color:#fff}.metric span{display:block;color:#ffffffb8;text-transform:capitalize;font-weight:800}.metric strong{display:block;margin-top:.6rem;font-size:2.2rem}.card{padding:1.3rem}.card h2{margin-top:0}.case-list{display:grid;gap:.8rem}.case-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border-soft);border-radius:18px;background:#fff}.case-card strong,.case-card span{display:block}.case-card span{color:var(--text-muted)}.case-meta{display:flex;gap:.5rem;align-items:center}.pill,.socket{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .7rem;background:#ffffff29;color:inherit;font-size:.78rem;font-weight:900;text-transform:uppercase}.case-card .pill{background:var(--bg-soft);color:var(--brand-navy)}.case-card .pill.red{color:var(--brand-red)}.socket.connected{background:#1f8a5b4d}.socket.error,.socket.disconnected{background:#c8000042}.live-panel{position:fixed;right:1rem;bottom:1rem;width:min(420px,calc(100vw - 2rem));max-height:45vh;overflow:auto;padding:1rem;border:1px solid var(--border-soft);border-radius:24px;background:#fff;box-shadow:0 18px 50px #24285f29}.live-panel h3{margin-top:0}.event{padding:.8rem;border-radius:16px;background:var(--bg-soft);margin-bottom:.6rem}.event strong,.event span{display:block}.event span{color:var(--text-muted);font-size:.9rem;margin-top:.2rem}@media(max-width:860px){.topbar,.case-card,.hero{display:block}nav,.hero-actions,.case-meta{margin-top:1rem}.hero h1,.section-title h1{font-size:2.6rem}}.quick-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}.clickable{cursor:pointer}.clickable:hover{border-color:var(--brand-red);box-shadow:0 12px 30px #24285f1a}.detail-hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin:1rem 0 1.5rem;padding:2rem;border-radius:28px;background:var(--brand-navy);color:#fff}.detail-hero h1{margin:0;font-size:clamp(2.4rem,6vw,4rem)}.detail-hero p{color:#ffffffc2}.detail-status{display:flex;gap:.6rem;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:1.2rem}.detail-stack{display:grid;gap:1.2rem}.detail-card h2{margin-top:0}.key-value{padding:.75rem 0;border-bottom:1px solid var(--border-soft)}.key-value span{display:block;color:var(--text-muted);text-transform:capitalize;font-size:.82rem;font-weight:900}.key-value strong{display:block;margin-top:.2rem;color:var(--brand-navy);word-break:break-word}.message-list,.file-list{display:grid;gap:.7rem;margin-bottom:1rem}.message,.file-row{display:block;padding:.9rem;border:1px solid var(--border-soft);border-radius:16px;background:var(--bg-soft);color:var(--brand-navy);text-decoration:none}.message.internal{border-color:#c8000047;background:#c800000f}.message strong,.message span,.file-row strong,.file-row span{display:block}.message span,.file-row span{margin-top:.2rem;color:var(--text-muted);font-size:.82rem;font-weight:800}.message p{margin-bottom:0}.mini-form{display:grid;gap:.7rem}.action-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.action-row select{max-width:260px}@media(max-width:900px){.detail-hero,.detail-grid{display:block}.detail-status,.detail-stack{margin-top:1rem}}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.report-card{overflow:hidden}.responsive-table{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;color:var(--brand-navy)}.data-table th,.data-table td{padding:.85rem;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle}.data-table th{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.data-table tr:hover td{background:var(--bg-soft)}.user-table select{min-width:180px;padding:.55rem .75rem;border-radius:12px}.user-table button:disabled{opacity:.45;cursor:not-allowed}.table-pill{display:inline-flex;border-radius:999px;padding:.35rem .65rem;background:var(--bg-soft);color:var(--brand-navy);font-size:.78rem;font-weight:900;text-transform:uppercase}.timeline-list{display:grid;gap:.8rem}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:.7rem;align-items:start;padding:.85rem;border:1px solid var(--border-soft);border-radius:16px;background:var(--bg-soft)}.timeline-dot{width:12px;height:12px;margin-top:.25rem;border-radius:999px;background:var(--brand-red);box-shadow:0 0 0 4px #c800001a}.timeline-item strong,.timeline-item span{display:block}.timeline-item span{margin-top:.2rem;color:var(--text-muted);font-size:.85rem}.product-admin-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:1.2rem;align-items:start}.product-form h2,.product-list-card h2{margin-top:0}.form-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.checkbox-label{display:flex;gap:.5rem;align-items:center;margin-top:1.2rem}.checkbox-label input{width:auto}.product-actions,.product-row-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.product-list{display:grid;gap:.8rem}.product-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border-soft);border-radius:18px;background:#fff}.product-row.inactive{opacity:.68;background:var(--bg-soft)}.product-row strong,.product-row span,.product-row p{display:block}.product-row span{margin-top:.15rem;color:var(--text-muted);font-size:.85rem;font-weight:800}.product-row p{margin:.55rem 0 0;color:var(--text-muted);line-height:1.5}.status-active,.status-inactive{display:inline-flex;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:900;text-transform:uppercase}.status-active{background:#1f8a5b1f;color:var(--success)}.status-inactive{background:#c800001a;color:var(--danger)}@media(max-width:980px){.product-admin-grid,.product-row{display:block}.product-row-actions{margin-top:1rem}}.queue-tabs{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.filter-panel{margin-bottom:1.2rem}.filter-panel h2{margin:0}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:1rem;margin-top:1rem}.filter-checkbox{align-self:end;padding-bottom:.75rem}.filter-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}@media(max-width:820px){.filter-grid{grid-template-columns:1fr}}.pill.warning,.case-card .pill.warning{background:#c77d001f;color:var(--warning)}.need-info-banner{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid rgba(199,125,0,.28);border-radius:20px;background:#c77d001a;color:var(--brand-navy)}.need-info-banner strong,.need-info-banner span{display:block}.need-info-banner span{color:var(--text-muted);font-weight:800}@media(max-width:720px){.need-info-banner{display:block}.need-info-banner span{margin-top:.35rem}}.toast-stack{position:fixed;top:5.8rem;right:1rem;z-index:20;display:grid;gap:.7rem;width:min(420px,calc(100vw - 2rem))}.toast{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid rgba(36,40,95,.14);border-left:6px solid var(--brand-red);border-radius:20px;background:#fffffff5;box-shadow:0 18px 50px #24285f2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toast strong,.toast span{display:block}.toast strong{color:var(--brand-navy)}.toast span{margin-top:.25rem;color:var(--text-muted);font-weight:800;line-height:1.4}.toast button{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:999px;background:var(--bg-soft);color:var(--brand-navy);font-size:1.2rem;line-height:1}@media(max-width:720px){.toast-stack{top:auto;right:1rem;bottom:1rem}}.activity-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.2rem}.activity-toolbar h2{margin:0}.activity-controls{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}.activity-controls label{min-width:220px}.activity-log-card{overflow:hidden}.activity-log-list{display:grid;gap:.8rem}.activity-log-item{display:grid;grid-template-columns:44px 1fr;gap:.9rem;padding:1rem;border:1px solid var(--border-soft);border-radius:18px;background:#fff}.activity-log-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--brand-navy);color:#fff;font-weight:900}.activity-log-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.activity-log-heading strong{color:var(--brand-navy)}.activity-log-heading span,.activity-log-meta span{color:var(--text-muted);font-size:.85rem;font-weight:800}.activity-log-body p{margin:.35rem 0 0;color:var(--text-muted);line-height:1.5}.activity-log-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}.activity-log-meta span{display:inline-flex;border-radius:999px;padding:.3rem .55rem;background:var(--bg-soft)}@media(max-width:780px){.activity-toolbar,.activity-log-heading{display:block}.activity-controls{margin-top:1rem}.activity-log-heading span{display:block;margin-top:.25rem}}.profile-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:1.2rem;align-items:start}.profile-summary{text-align:center}.profile-summary h2,.profile-form h2{margin-top:0}.profile-avatar{display:grid;place-items:center;width:96px;height:96px;margin:1rem auto;border-radius:28px;background:var(--brand-navy);color:#fff;font-size:1.8rem;font-weight:900;letter-spacing:.04em}.profile-summary strong,.profile-summary span{display:block}.profile-summary strong{color:var(--brand-navy);font-size:1.2rem}.profile-summary span{margin-top:.25rem;color:var(--text-muted);font-weight:800}.form-row.two{display:grid;grid-template-columns:1fr 1fr}.form-row.three{display:grid;grid-template-columns:1fr 120px 140px}@media(max-width:920px){.profile-grid,.form-row.two,.form-row.three{grid-template-columns:1fr}}.client-contact-card{border-left:6px solid var(--brand-navy)}.client-contact-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.client-contact-header h2{margin:0}.client-contact-avatar{display:grid;place-items:center;min-width:56px;width:56px;height:56px;border-radius:18px;background:var(--brand-navy);color:#fff;font-weight:900}.case-list-card{margin-top:1rem}.case-list-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.case-list-header h2{margin:0}.case-search{min-width:min(320px,100%)}.case-search input{margin-top:.35rem}.case-card-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}@media(max-width:760px){.case-list-header{display:block}.case-search{display:block;margin-top:1rem}.case-card-pills{justify-content:flex-start;margin-top:.7rem}}.case-list-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.case-list-summary span{display:inline-flex;border-radius:999px;padding:.3rem .55rem;background:var(--bg-soft);color:var(--text-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.case-card{border-left:6px solid transparent}.case-card.priority-urgent{border-left-color:var(--danger)}.case-card.priority-time-sensitive{border-left-color:var(--warning)}.case-card.priority-standard{border-left-color:var(--brand-navy)}.case-card-main{min-width:0}.case-card-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.case-card-meta span{display:inline-flex;border-radius:999px;padding:.28rem .55rem;background:var(--bg-soft);color:var(--text-muted);font-size:.76rem;font-weight:900}.priority-pill.urgent{background:#c800001f;color:var(--danger)}.priority-pill.time-sensitive{background:#c77d001f;color:var(--warning)}.priority-pill.standard{background:#24285f1a;color:var(--brand-navy)}.live-panel{width:min(300px,calc(100vw - 2rem))!important;max-height:138px!important;overflow-y:auto!important;padding:.85rem!important;border-radius:18px!important;opacity:.94;box-shadow:0 16px 42px #24285f24!important}.live-panel h2{margin-bottom:.55rem!important;font-size:.95rem!important}.live-panel article,.live-panel div:not(:first-child){padding:.55rem .65rem!important;border-radius:14px!important}.live-panel strong{font-size:.82rem!important}.live-panel p,.live-panel span{font-size:.78rem!important;line-height:1.35!important}@media(min-width:900px){.live-panel{right:.8rem!important;bottom:.8rem!important}}.live-panel{width:min(270px,calc(100vw - 2rem))!important;max-height:118px!important;overflow-y:auto!important;padding:.75rem!important;border-radius:16px!important;opacity:.9!important;box-shadow:0 12px 34px #24285f1f!important}.live-panel h2{margin:0 0 .45rem!important;font-size:.88rem!important}.live-panel article,.live-panel div:not(:first-child){padding:.48rem .58rem!important;border-radius:12px!important}.live-panel strong{font-size:.76rem!important}.live-panel p,.live-panel span{font-size:.72rem!important;line-height:1.25!important}@media(min-width:900px){.live-panel{right:.7rem!important;bottom:.7rem!important}}