@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;700&display=swap");:root{color-scheme:light;--ink:#0d0b16;--muted:#5a5665;--paper:#f7f3ec;--sunset:#f7b267;--mint:#8ec5b8;--clay:#d06b4b;--shadow:rgba(18,12,36,.08);--border:rgba(13,11,22,.12);--table-row-height:44px;--table-header-height:44px;--chart-blue:#2f6fff;--chart-red:#ef3a2d;--chart-amber:#f4b400;--chart-green:#2fa84f;--chart-orange:#ff6a00;--chart-purple:#7b4ce3}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#ffe8c2 0,#f7f3ec 48%,#f1efe6 100%);min-height:100vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:min(420px,100%);background:hsla(0,0%,100%,.9);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 18px 40px var(--shadow)}.login-card h1{margin:0 0 8px;font-family:Fraunces,Times New Roman,serif}.login-card p{margin:0 0 18px;color:var(--muted)}.login-card form{display:grid;grid-gap:12px;gap:12px}.login-card label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}.login-card input{border:1px solid var(--border);padding:10px 12px;border-radius:12px;font-size:14px;font-family:inherit}.login-error{margin-top:12px;color:#b42318;font-size:13px}main{padding:48px clamp(20px,4vw,64px) 64px;max-width:1600px;margin:0 auto}.header{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}.header-row{justify-content:space-between}.header-left,.header-row{display:flex;align-items:center;gap:12px}.header-left{flex-wrap:wrap}.user-pill{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}button.small{padding:8px 12px;font-size:12px}.badge{background:var(--ink);color:#fffaf2;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.title{font-family:Fraunces,Times New Roman,serif;font-size:clamp(32px,5vw,56px);line-height:1.05;margin:0}.subtitle{margin:0;color:var(--muted);max-width:680px;font-size:16px}.panel{background:hsla(0,0%,100%,.85);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 18px 40px var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.controls,.dashboard-grid{display:grid;align-items:end}.dashboard-grid{grid-template-columns:8fr 2fr;margin-bottom:16px}.dashboard-grid:last-of-type{margin-bottom:0}.dashboard-left{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;align-self:stretch}.dashboard-actions[aria-hidden=true]{visibility:hidden}.dashboard-spacer{min-height:1px}.control{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.control input{padding:10px 12px}.control input,.control select{border:1px solid var(--border);border-radius:12px;font-size:14px;font-family:inherit;min-height:42px}.control select{padding:10px 36px 10px 12px;background:#fffaf2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%236c6472' d='M6 8L0 2.2 1.4 0.8 6 5.4 10.6 0.8 12 2.2z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group,.control-label{font-size:13px;color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fffaf2;border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:none}.chip:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(13,11,22,.12)}.button-row{display:flex;gap:12px;flex-wrap:wrap}button{border:none;border-radius:12px;padding:12px 18px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}button.primary{background:var(--ink);color:#fffaf2;box-shadow:0 12px 30px rgba(13,11,22,.2)}button.secondary{background:#fffaf2;border:1px solid var(--border)}button.ghost{background:transparent;border:1px solid rgba(13,11,22,.18);color:var(--muted)}button:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(13,11,22,.2)}.metrics-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.metric{padding:16px;border-radius:18px;border:1px solid var(--border);background:#fffaf2}.metric h3{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.date-nav{display:inline-flex;align-items:center;gap:8px}.date-arrow{width:22px;height:22px;padding:0;border-radius:999px;border:1px solid rgba(13,11,22,.18);background:#fff;color:var(--muted);font-size:12px;line-height:1;cursor:pointer}.date-arrow:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(13,11,22,.12)}.metric p{margin:0;font-size:22px;font-weight:600}.table-wrapper{margin-top:28px;max-height:calc(var(--table-header-height) + (10 * var(--table-row-height)));overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:12px 14px;height:var(--table-row-height);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.table th{height:var(--table-header-height);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:3;background:#fffaf2}.table td:first-child,.table th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;background:hsla(0,0%,100%,.92);box-shadow:6px 0 10px -8px rgba(13,11,22,.25)}.table th:first-child{z-index:2;background:#fffaf2}.table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table th.sortable span{display:inline-flex;align-items:center;gap:6px}.sort-indicator{font-size:10px;opacity:.7}.row-link{cursor:pointer;transition:background .2s ease}.row-link:focus,.row-link:hover{background:hsla(31,90%,69%,.18)}.status{font-size:13px;color:var(--muted)}.chart-grid{margin-top:32px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chart-card{background:#fffdf8;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 14px 30px rgba(13,11,22,.08)}.chart-header{display:flex;flex-direction:column;gap:6px}.chart-header h3{margin:0 0 8px;font-size:18px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:999px}.chart-body{margin-top:12px}.chart-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px}.chart-svg{width:100%;height:320px;cursor:pointer}.chart-axis{fill:var(--muted);font-size:12px}.chart-gridline line{stroke:rgba(13,11,22,.1);stroke-width:1}.chart-hover-line{stroke:rgba(13,11,22,.4);stroke-width:1.5;stroke-dasharray:4 4}.chart-tooltip{fill:#fffaf2;stroke:rgba(13,11,22,.2)}.chart-tooltip-title{fill:var(--ink);font-size:12px;font-weight:600}.chart-tooltip-text{fill:var(--ink);font-size:11px}.chart-hover-label{fill:#fffaf2;stroke:rgba(13,11,22,.2)}.chart-hover-text{fill:var(--ink);font-size:11px;font-weight:600}.back-link{text-decoration:none;color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:6px}.detail-status{margin-top:12px;font-size:13px;color:var(--muted)}.detail-controls{margin-top:12px;margin-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:flex-start}.detail-account{margin-left:0;flex-direction:row;align-items:center;gap:10px;white-space:nowrap}.detail-filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.detail-filter-row .control{min-width:220px}.detail-filter-row{flex-wrap:nowrap}.detail-filter-row .control{flex-direction:row;align-items:center;gap:10px}.detail-filter-row .label-control{align-items:center;width:auto}.detail-filter-row .label-select{min-width:220px;width:auto}.label-control{gap:6px;align-items:flex-start;position:relative;width:100%}.label-label{font-weight:400;color:var(--muted)}.label-trigger{border:1px solid var(--border);background:#fffaf2;border-radius:12px;padding:10px 12px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-family:inherit;height:42px}.label-select{min-width:220px;justify-content:space-between;width:100%}.label-pill{display:inline-flex;align-items:center;gap:10px;font-weight:400}.label-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(13,11,22,.1)}.label-caret{font-size:12px;color:var(--muted);display:inline-flex}.label-caret:before{content:"";width:12px;height:8px;display:inline-block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%236c6472' d='M6 8L0 2.2 1.4 0.8 6 5.4 10.6 0.8 12 2.2z'/></svg>");background-repeat:no-repeat;background-size:12px 8px}.label-caret{text-indent:-9999px;overflow:hidden;width:12px;height:8px}.label-menu{margin-top:8px;background:#fffaf2;border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 16px 30px rgba(13,11,22,.12);display:flex;flex-direction:column;gap:2px;min-width:220px;max-height:280px;overflow-y:auto;position:absolute;top:100%;right:0;z-index:20}.label-option{background:transparent;border:none;text-align:left;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;color:var(--ink);font-weight:400}.label-option.active,.label-option:hover{background:rgba(13,11,22,.08)}.label-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid rgba(13,11,22,.08)}.label-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#fffaf2;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--ink)}.detail-break{flex-basis:100%;height:0;min-width:100%}.toggle-row{display:inline-flex;align-items:center;gap:10px}.toggle-label{font-size:13px;color:var(--muted);font-weight:600}.toggle-label.active{color:var(--ink)}.toggle{position:relative;width:52px;height:28px;border-radius:999px;border:1px solid var(--border);background:#fffaf2;padding:0;cursor:pointer;transition:background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:flex-start}.toggle[aria-checked=true]{background:var(--ink);border-color:transparent}.toggle-thumb{width:22px;height:22px;border-radius:999px;background:#fffaf2;box-shadow:0 6px 14px rgba(13,11,22,.2);transition:transform .2s ease;transform:translateX(3px)}.toggle[aria-checked=true] .toggle-thumb{transform:translateX(27px)}.detail-list{margin-top:20px;display:grid;grid-gap:18px;gap:18px;min-width:0;width:100%;grid-template-columns:1fr}.detail-empty{text-align:center;padding:18px;border-radius:16px;border:1px dashed var(--border);color:var(--muted);font-size:14px}.detail-card{border-radius:18px;border:1px solid var(--border);background:#fffaf2;padding:18px;max-width:100%;margin:0 auto;width:100%;min-width:0}.bubble-alert{background:#ffe6e6;border-color:rgba(208,107,75,.4)}.detail-meta{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px;min-width:0}.detail-meta h3{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.detail-meta p{margin:0;font-size:14px;font-weight:600}.chat-thread{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr}.bubble,.chat-thread{min-width:0;max-width:100%}.bubble{border-radius:16px;padding:12px 14px;background:#fff;border:1px solid var(--border);width:80%}.align-left{justify-self:start}.align-right{justify-self:end;text-align:left}.bubble-ai{background:rgba(142,197,184,.2)}.bubble-agent{background:rgba(120,170,210,.18)}.bubble-not-sent{background:#fff1eb;border-color:#f3b39a;box-shadow:inset 0 0 0 1px rgba(219,92,46,.18)}.ai-scroll{margin-top:12px;display:grid;grid-auto-flow:column;grid-auto-columns:100%;grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;max-width:100%}.ai-meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:10px;flex-wrap:wrap}.ai-score{font-weight:600;color:var(--ink)}.ai-score.not-sent,.ai-score.rejected{color:#b42318}.ai-score.score-green{color:#0f7a3b}.ai-score.score-yellow{color:#b7791f}.ai-score.score-red{color:#b42318}.ai-controls{display:flex;align-items:center;gap:8px}.ai-arrow{border:1px solid var(--border);background:#fffaf2;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}.ai-arrow:disabled{opacity:.4;cursor:not-allowed}.ai-dots{display:flex;gap:6px}.ai-dots .dot{width:6px;height:6px;border-radius:999px;background:rgba(13,11,22,.2)}.ai-dots .dot.active{background:var(--ink)}.ai-chip{border-radius:12px;border:1px solid var(--border);background:#fff;padding:10px 12px;min-height:70px;scroll-snap-align:start}.ai-chip-original{position:relative;padding-bottom:32px}.ai-chip-expanded{padding-bottom:38px}.ai-chip-alert{background:#ffe6e6;border-color:rgba(208,107,75,.4)}.ai-chip-green{background:rgba(18,164,87,.12);border-color:rgba(18,164,87,.35)}.ai-chip-yellow{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.35)}.ai-chip-red{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.35)}.ai-chip-unsent{background:#fff1eb;border-color:#f3b39a;box-shadow:inset 0 0 0 1px rgba(219,92,46,.18)}.diff-removed{color:#b42318;text-decoration:line-through}.diff-added{background:rgba(245,158,11,.26);font-weight:400}.diff-equal{background:rgba(18,164,87,.22);font-weight:400}.diff-inline{display:inline-block;padding:0 3px;border-radius:3px}.diff-space{background:transparent;color:inherit;display:inline}.diff-all-removed{color:#b42318;text-decoration:line-through}.ai-chip>span{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.ai-chip p{margin:0;font-size:13px;overflow-wrap:anywhere;word-break:break-word}.ai-chip p span{display:inline}.ai-original-toggle{position:absolute;right:12px;bottom:10px;padding:0;border:none;background:transparent;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);text-decoration:underline;cursor:pointer}.ai-original-toggle:hover{color:#0f172a}.ai-original{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(13,11,22,.2)}.ai-original-title{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.ai-original p{margin:0;font-size:13px;overflow-wrap:anywhere;word-break:break-word}.bubble-customer{background:rgba(13,11,22,.06)}.bubble-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.bubble p{margin:0;overflow-wrap:anywhere;word-break:break-word}.quick-replies{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.quick-reply-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#f5f1e9;font-size:11px;color:var(--ink);line-height:1.2}.quick-reply-chip.diff-inline{padding:2px 8px;border-radius:999px}.quick-reply-chip.diff-added{background:rgba(245,158,11,.26)}.quick-reply-chip.diff-equal{background:rgba(18,164,87,.22)}.quick-reply-chip.diff-removed{background:hsla(0,100%,95%,.8)}.quick-replies.sent .quick-reply-chip{background:rgba(120,170,210,.2)}.pager{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pager-top{margin-top:0;margin-bottom:20px}.page-size label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.page-size select{border:1px solid var(--border);padding:6px 10px;border-radius:10px;font-size:13px;font-family:inherit}.flash{animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.controls{grid-template-columns:1fr}.detail-account{margin-left:0;flex-direction:column;align-items:flex-start;white-space:normal}.detail-controls{flex-wrap:wrap;justify-content:flex-start}.button-row{flex-direction:column}button{width:100%}}