:root{--canvas: #f4f5f8;--canvas-2: #eef0f4;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f3f4f7;--line: #e5e8ee;--line-2: #d8dce5;--ink: #161922;--ink-rail: #14161f;--text: #161922;--text-2: #4a5160;--text-3: #767e8e;--muted: #767e8e;--text-4: #9aa1b1;--brand: #4f46e5;--brand-700: #4338ca;--brand-soft: #eef0fe;--brand-ink: #ffffff;--accept: #15924f;--accept-soft: #e4f5ea;--reject: #d23b3b;--reject-soft: #fce8e8;--assign: #4f46e5;--age-track: #e5e8ee;--age-unknown: #9aa1b1;--age-calm: #15924f;--age-watch: #0891b2;--age-attention: #b5730a;--age-hot: #d23b3b;--touch: 44px;--radius: 16px;--shadow-sm: 0 1px 2px rgba(15, 18, 32, .05), 0 2px 8px rgba(15, 18, 32, .04);--shadow-md: 0 10px 30px rgba(15, 18, 32, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit;cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.app{min-height:100vh;display:flex}.rail{width:64px;flex-shrink:0;background:var(--ink-rail);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:10px;position:sticky;top:0;height:100vh}.rail-brand{width:36px;height:36px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;margin-bottom:8px}.rail-item{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#6f7688}.rail-item.is-active{background:var(--brand);color:#fff}.console{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-3)}.crumb-sep{color:var(--text-4)}.crumb-current{color:var(--brand);font-weight:700}.topbar h1{margin:4px 0 0;font-size:25px;line-height:1.1;letter-spacing:-.01em}.topbar-meta{display:flex;align-items:center;gap:12px}.token-pill{font-size:12.5px;font-weight:700;padding:8px 13px;border-radius:999px;min-height:var(--touch);display:inline-flex;align-items:center}.token-pill.ok{background:var(--accept-soft);color:#0f6b39}.token-pill.missing{background:var(--amber-soft, #fdf2dc);color:#8a5707}.layout{flex:1;display:grid;grid-template-columns:1fr;gap:18px;padding:18px;align-items:start}@media(min-width:880px){.layout{grid-template-columns:minmax(380px,1fr) minmax(360px,460px);padding:24px;gap:24px}}.pane{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;min-height:220px;box-shadow:var(--shadow-sm)}@media(min-width:880px){.pane-detail{position:sticky;top:104px}}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-btn{min-height:var(--touch);min-width:var(--touch);padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);font-weight:600;font-size:14px;transition:background .15s ease,color .15s ease,border-color .15s ease}.filter-btn:hover{background:var(--surface-3)}.filter-btn.is-active{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.request-card{width:100%;text-align:left;display:flex;align-items:center;gap:15px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);min-height:var(--touch);transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.request-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md)}.request-card:active{transform:translateY(1px)}.request-card.tier-attention{border-color:#b5730a59}.request-card.tier-hot{border-color:#d23b3b66;background:linear-gradient(0deg,#d23b3b08,#d23b3b08),var(--surface)}.request-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px #4f46e52e,var(--shadow-md)}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-row-top{font-weight:700}.request-id{font-size:13.5px;overflow-wrap:anywhere}.card-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-4);font-weight:700}.card-value{font-size:13.5px;text-align:right;color:var(--text-2)}.card-row-foot{margin-top:1px}.card-age{font-size:12px;color:var(--text-3);font-weight:700}.card-corr .card-value{font-size:11.5px;color:var(--text-3)}.age-dial{position:relative;flex-shrink:0;display:grid;place-items:center}.age-dial-center{position:absolute;inset:0;display:grid;place-items:center}.age-dial-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.age-dial-unknown{color:var(--age-unknown);font-weight:800;font-size:16px}.age-dial-block{display:flex;flex-direction:column;align-items:center;gap:8px}.age-dial-meta{display:flex;flex-direction:column;align-items:center;gap:3px}.age-dial-caption{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-4);font-weight:700}.age-dial-tier{font-size:13px;font-weight:800}.age-tier-calm{color:var(--age-calm)}.age-tier-watch{color:var(--age-watch)}.age-tier-attention{color:var(--age-attention)}.age-tier-hot{color:var(--age-hot)}.age-tier-unknown{color:var(--age-unknown)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:lowercase}.badge-pending{background:#fdf2dc;color:#8a5707}.badge-accepted{background:var(--brand-soft);color:var(--brand-700)}.badge-rejected{background:var(--reject-soft);color:#a51f1f}.badge-assigned,.badge-ack{background:var(--accept-soft);color:#0f6b39}.badge-muted{background:var(--surface-3);color:var(--text-3)}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-head-main{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.detail-eyebrow{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-4);font-weight:700}.detail-id{margin:0;font-size:18px;overflow-wrap:anywhere}.detail-meta{display:grid;grid-template-columns:120px 1fr;gap:9px 14px;margin:20px 0;padding-top:18px;border-top:1px solid var(--line)}.detail-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-4);font-weight:700}.detail-meta dd{margin:0;font-size:13.5px;color:var(--text-2);overflow-wrap:anywhere}.detail-note{background:var(--surface-3);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--text-2)}.action-row{display:flex;gap:12px;margin:8px 0 16px}.btn{min-height:var(--touch);min-width:var(--touch);padding:0 18px;border-radius:13px;border:1px solid transparent;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s ease,background .15s ease}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-accept{background:var(--accept);color:#fff;box-shadow:0 6px 16px #15924f38}.btn-reject{background:var(--reject);color:#fff;box-shadow:0 6px 16px #d23b3b2e}.btn-assign{background:var(--assign);color:#fff;box-shadow:0 6px 16px #4f46e538}.btn-secondary{background:var(--brand-soft);color:var(--brand);border-color:#d9dafb}.btn-ghost{background:transparent;color:var(--text-3);border-color:var(--line-2)}.action-row .btn{flex:1}.assign-block{border-top:1px solid var(--line);padding-top:16px}.assign-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:var(--text-2)}.assign-row{display:flex;gap:10px}.assign-input{flex:1;min-height:var(--touch);padding:0 14px;border-radius:13px;border:1px solid var(--line-2);font-size:15px;color:var(--text);background:var(--surface)}.assign-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f46e524}.assign-input:disabled{background:var(--surface-3);opacity:.6}.validation-error{color:var(--reject);font-size:13px;font-weight:700;margin:10px 0 0}.state-view{padding:28px 14px;text-align:center;color:var(--text-3)}.empty-title{font-size:16px;font-weight:700;color:var(--text-2);margin:0}.state-hint{font-size:14px;margin:12px 0 0;color:var(--text-3)}.detail-empty{padding:48px 16px}.mutation-progress{font-weight:700;color:var(--brand);margin:12px 0 0}.queue-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-card{display:flex;align-items:center;gap:15px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}.skeleton-dial{width:52px;height:52px;border-radius:50%;flex-shrink:0;background:var(--surface-3)}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:9px}.skeleton-line{height:12px;border-radius:6px;background:var(--surface-3)}.skeleton-dial,.skeleton-line{animation:skeleton-pulse 1.4s ease-in-out infinite}.w-40{width:40%}.w-60{width:60%}.w-90{width:90%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.success-panel{margin-top:16px;background:var(--accept-soft);border:1px solid #b6e3c7;border-radius:14px;padding:14px}.success-title{margin:0;color:#0f6b39;font-weight:700}.error-panel{margin-top:16px;background:var(--reject-soft);border:1px solid #f5c6c6;border-radius:14px;padding:14px}.error-head{display:flex;align-items:flex-start;gap:12px}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--reject);color:#fff;font-weight:800;flex:none}.error-title{margin:0;font-weight:700;color:#8a1f1f}.error-code{margin:2px 0 0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--reject)}.error-message{margin:10px 0 0;color:#8a1f1f;font-size:14px}.error-meta{display:grid;grid-template-columns:110px 1fr;gap:4px 12px;margin:10px 0 0}.error-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);font-weight:700}.error-meta dd{margin:0;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:var(--text-2)}.error-actions{display:flex;gap:10px;margin-top:12px}.queue-list .request-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px;margin-bottom:10px;transition:border-color .12s ease,box-shadow .12s ease,transform .04s ease}.queue-list .request-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md)}.queue-list .request-card:active{transform:translateY(1px)}.queue-list .request-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft),var(--shadow-md)}.request-card .card-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.request-card .card-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.request-card .card-value{font-size:13.5px;font-weight:600;color:var(--text)}.request-card .card-corr{font-family:var(--mono, ui-monospace);font-size:11px;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;text-transform:capitalize;letter-spacing:.01em}.badge-pending{color:var(--age-attention);background:#fdf2dc}.badge-accepted{color:var(--accept);background:var(--accept-soft)}.badge-assigned{color:var(--assign);background:var(--brand-soft)}.badge-rejected{color:var(--reject);background:var(--reject-soft)}.badge-ack{color:var(--accept);background:var(--accept-soft)}.badge-muted{color:var(--text-3);background:var(--surface-3)}.action-row{display:flex;gap:10px;flex-wrap:wrap}.btn-accept{background:var(--accept);color:#fff}.btn-assign{background:var(--assign);color:#fff}.btn-reject{background:var(--surface);color:var(--reject);border:1px solid var(--reject-soft)}.btn-accept:hover,.btn-assign:hover{filter:brightness(1.05)}.empty-title{color:var(--text-2);font-weight:600}.error-panel{border:1px solid var(--reject-soft);background:var(--reject-soft);border-radius:var(--radius)}.grid-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-bottom:14px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px}@media(min-width:720px){.grid-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:0}.filter-field-wide{grid-column:1 / -1}.filter-field label{font-size:12px;font-weight:600;color:var(--text-2)}.text-input,.select-input{min-height:var(--touch);width:100%;box-sizing:border-box;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--text-1, #1a1f29);font-size:14px;font-family:inherit}.text-input:focus,.select-input:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.grid-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.result-info{font-size:13px;color:var(--text-2);font-weight:600;margin:0}.pager{display:flex;gap:8px}.collapsible-filters{margin-bottom:14px}.collapsible-filters-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-filters-header:hover{background:var(--surface-2)}.collapsible-filters-toggle{display:inline-flex;align-items:center;gap:7px;padding:0;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--text-1, #1a1f29);cursor:pointer}.collapsible-filters-toggle .toggle-icon{display:inline-block;width:16px;text-align:center;transition:transform .15s ease}.collapsible-filters-toggle[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.collapsible-filters-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--brand-soft);color:var(--brand)}.collapsible-filters-clear{margin-left:auto;padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--reject);font-size:12px;font-weight:600;cursor:pointer}.collapsible-filters-clear:hover{background:var(--reject-soft)}.collapsible-filters-body{overflow:hidden;margin-top:8px}.collapsible-filters-body[hidden]{display:none}.collapsible-filters-body .grid-filters{margin-bottom:0}@media(max-width:768px){.signin-left-panel{display:none!important}}