:root{--bg:#07090e;--bg-raised:#0c0f16;--surface:#10141d;--surface-2:#141926;--surface-3:#1a2030;--border:#1d2536;--border-strong:#2a3550;--text:#e9eef7;--text-dim:#97a2b8;--text-faint:#5d6880;--cyan:#38d6ff;--cyan-dim:#38d6ff1f;--violet:#a78bfa;--violet-dim:#a78bfa21;--amber:#ffb454;--amber-dim:#ffb45421;--red:#ff5d6c;--red-dim:#ff5d6c21;--green:#3ddc97;--green-dim:#3ddc971f;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--radius:10px;--radius-sm:6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}::selection{background:#38d6ff40}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:6px}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:var(--cyan)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-raised);flex-direction:column;gap:4px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top{flex-direction:column;display:flex}.nav-scroll{flex-direction:column;gap:4px;display:flex}.brand{align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.brand-mark{border:1px solid var(--border-strong);width:32px;height:32px;font-family:var(--font-mono);color:var(--cyan);background:linear-gradient(135deg,#38d6ff2e,#a78bfa2e);border-radius:8px;place-items:center;font-size:13px;font-weight:600;display:grid}.brand-name{font-family:var(--font-display);letter-spacing:.06em;font-size:15px;font-weight:700}.brand-sub{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px}.nav-group-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:14px 10px 6px;font-size:9.5px}.nav-btn{width:100%;color:var(--text-dim);border-radius:var(--radius-sm);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:flex}.nav-btn:hover{background:var(--surface-2);color:var(--text)}.nav-btn.active{background:var(--cyan-dim);color:var(--cyan);border-color:#38d6ff40}.nav-count{font-family:var(--font-mono);color:var(--text-faint);background:var(--surface-2);border-radius:10px;padding:1px 7px;font-size:10.5px}.nav-btn.active .nav-count{color:var(--cyan);background:#38d6ff29}.nav-count.alert{background:var(--red-dim);color:var(--red)}.sidebar-foot{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-faint);margin-top:auto;padding:12px 10px 4px;font-size:10px;line-height:1.7}.sidebar-foot .dot{color:var(--green)}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#07090ed9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar-title{font-family:var(--font-display);letter-spacing:.01em;font-size:18px;font-weight:600}.topbar-sub{color:var(--text-faint);margin-top:1px;font-size:12px}.topbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.health-pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-strong);border-radius:20px;align-items:center;gap:7px;padding:5px 11px;font-size:11px;display:flex}.health-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.health-pill.stable{color:var(--green)}.health-pill.strained{color:var(--amber)}.health-pill.degraded{color:var(--red)}.mode-switch{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;display:flex;overflow:hidden}.mode-switch button{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;padding:7px 14px;font-size:11px;transition:background .12s,color .12s}.mode-switch button.on-demo{background:var(--cyan-dim);color:var(--cyan)}.mode-switch button.on-operator{background:var(--violet-dim);color:var(--violet)}.area-switch{margin:4px 8px 14px}.area-switch button{flex:1;padding:8px 10px}.content{flex-direction:column;gap:18px;width:100%;max-width:1480px;padding:22px 24px 48px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:10.5px;display:flex}.panel-title .right{letter-spacing:.04em;text-transform:none;color:var(--text-dim)}.grid{gap:14px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.metrics{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.metric .label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.metric .value{font-family:var(--font-display);margin-top:4px;font-size:28px;font-weight:700;line-height:1.1}.metric .hint{color:var(--text-dim);margin-top:3px;font-size:11.5px}.metric.accent-cyan .value{color:var(--cyan)}.metric.accent-violet .value{color:var(--violet)}.metric.accent-amber .value{color:var(--amber)}.metric.accent-red .value{color:var(--red)}.metric.accent-green .value{color:var(--green)}.badge{font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--border-strong);color:var(--text-dim);background:var(--surface-2);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.badge.p1{background:var(--red-dim);color:var(--red);border-color:#ff5d6c59}.badge.p2{background:var(--amber-dim);color:var(--amber);border-color:#ffb4544d}.badge.p3{background:var(--cyan-dim);color:var(--cyan);border-color:#38d6ff40}.badge.p4{background:var(--surface-2);color:var(--text-dim)}.badge.sla-healthy{background:var(--green-dim);color:var(--green);border-color:#3ddc974d}.badge.sla-watch{background:var(--amber-dim);color:var(--amber);border-color:#ffb4544d}.badge.sla-atrisk{background:var(--red-dim);color:var(--red);border-color:#ff5d6c59}.badge.sla-breached{background:var(--red);color:#14060a;border-color:var(--red);font-weight:600}.badge.sla-met{background:var(--green-dim);color:var(--green)}.badge.status-open{color:var(--cyan);background:var(--cyan-dim);border-color:#38d6ff33}.badge.status-progress{color:var(--violet);background:var(--violet-dim);border-color:#a78bfa4d}.badge.status-waiting{color:var(--amber);background:var(--amber-dim);border-color:#ffb45440}.badge.status-done{color:var(--green);background:var(--green-dim);border-color:#3ddc9740}.badge.status-escalated{color:var(--red);background:var(--red-dim);border-color:#ff5d6c4d}.badge.agent{color:var(--violet);background:var(--violet-dim);border-color:#a78bfa4d}.badge.approval{color:var(--amber);background:var(--amber-dim);border-color:#ffb45459}.badge.mode-demo{color:var(--cyan);background:var(--cyan-dim)}.badge.mode-operator{color:var(--violet);background:var(--violet-dim)}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:7px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s,transform 80ms,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);border-color:#38445f}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn.primary{background:var(--cyan-dim);color:var(--cyan);border-color:#38d6ff66}.btn.primary:hover:not(:disabled){background:#38d6ff33;box-shadow:0 0 18px #38d6ff1f}.btn.violet{background:var(--violet-dim);color:var(--violet);border-color:#a78bfa66}.btn.violet:hover:not(:disabled){background:#a78bfa33}.btn.danger{background:var(--red-dim);color:var(--red);border-color:#ff5d6c66}.btn.danger:hover:not(:disabled){background:#ff5d6c33}.btn.success{background:var(--green-dim);color:var(--green);border-color:#3ddc9766}.btn.success:hover:not(:disabled){background:#3ddc9733}.btn.warn{background:var(--amber-dim);color:var(--amber);border-color:#ffb45466}.btn.warn:hover:not(:disabled){background:#ffb45433}.btn.sm{padding:4px 9px;font-size:11.5px}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.input,.select,.textarea{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text);border-radius:7px;width:100%;padding:8px 11px;font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #38d6ff1f}.textarea{resize:vertical;min-height:130px;line-height:1.55;font-family:var(--font-mono);font-size:12.5px}.select{appearance:none}.queue-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.queue-filters .input{width:220px}.queue-filters .select{width:auto;min-width:120px}.ticket-row{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;grid-template-columns:92px minmax(220px,2.2fr) 110px 90px 130px 120px 110px;align-items:center;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s;display:grid}.ticket-row:hover{background:var(--surface-2);border-color:var(--border-strong)}.ticket-row.selected{background:var(--surface-2);border-color:#38d6ff66;border-left-color:var(--cyan)}.ticket-row.lp1{border-left-color:var(--red)}.ticket-row.lp2{border-left-color:var(--amber)}.ticket-row.lp3{border-left-color:var(--cyan)}.ticket-row.lp4{border-left-color:var(--border-strong)}.ticket-id{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.ticket-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.ticket-meta{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.queue-list{flex-direction:column;gap:8px;display:flex}.detail-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.detail-head h2{font-family:var(--font-display);margin:6px 0 8px;font-size:20px;font-weight:600}.badge-row{flex-wrap:wrap;gap:6px;display:flex}.kv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;display:grid}.kv .k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px}.kv .v{word-break:break-word;margin-top:2px;font-size:13px}.next-action{border-radius:var(--radius);background:linear-gradient(135deg,#38d6ff14,#a78bfa0f);border:1px solid #38d6ff4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.next-action .why{color:var(--text-dim);margin-top:3px;font-size:12.5px}.next-action .what{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:10px}.approval-banner{background:var(--amber-dim);border-radius:var(--radius-sm);color:var(--amber);border:1px solid #ffb45466;align-items:flex-start;gap:9px;padding:10px 14px;font-size:12.5px;display:flex}.step{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;align-items:flex-start;gap:10px;padding:9px 10px;font-size:13px;transition:border-color .12s,background .12s;display:flex}.step:hover{border-color:var(--border-strong)}.step .check{border:1.5px solid var(--border-strong);color:#0000;border-radius:5px;flex-shrink:0;place-items:center;width:17px;height:17px;margin-top:1px;font-size:11px;display:grid}.step.done{opacity:.65}.step.done .check{background:var(--green-dim);border-color:var(--green);color:var(--green)}.step.done .step-text{text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.step .badge{flex-shrink:0;margin-left:auto}.steps-list{flex-direction:column;gap:7px;display:flex}.stop-condition{color:var(--amber);border-left:2px solid var(--amber);margin-top:10px;padding:4px 10px;font-size:12px}.timeline{flex-direction:column;display:flex}.tl-item{grid-template-columns:18px 1fr;gap:12px;padding-bottom:16px;display:grid;position:relative}.tl-item:last-child{padding-bottom:2px}.tl-rail{position:relative}.tl-rail:before{content:"";background:var(--border);width:1px;position:absolute;top:16px;bottom:-2px;left:7px}.tl-item:last-child .tl-rail:before{display:none}.tl-dot{border:2px solid var(--border-strong);background:var(--surface);border-radius:50%;width:15px;height:15px;position:relative;top:2px}.tl-dot.agent{border-color:var(--violet);box-shadow:0 0 8px #a78bfa59}.tl-dot.system{border-color:var(--cyan)}.tl-dot.human{border-color:var(--green)}.tl-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.tl-actor{font-size:12.5px;font-weight:600}.tl-actor.agent{color:var(--violet)}.tl-time{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.tl-summary{margin-top:2px;font-size:13px}.tl-details{color:var(--text-dim);margin-top:3px;font-size:12px;line-height:1.55}.tl-conf{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.note-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;padding:10px 12px;font-size:12.5px;line-height:1.55}.note-item .meta{font-family:var(--font-mono);color:var(--text-faint);margin-bottom:5px;font-size:10px}.note-list{flex-direction:column;gap:8px;display:flex}.draft-box{background:var(--bg-raised);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;color:var(--text);border:1px solid #a78bfa4d;max-height:320px;padding:12px 14px;font-size:12px;line-height:1.6;overflow-y:auto}.sla-strip{flex-direction:column;gap:8px;display:flex}.sla-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;grid-template-columns:92px minmax(140px,1fr) 72px 110px 130px;align-items:center;gap:12px;padding:10px 14px;display:grid}.sla-item:hover{border-color:var(--border-strong);background:var(--surface-2)}.sla-item.breached{background:#ff5d6c0d;border-color:#ff5d6c73}.sla-item.atrisk{border-color:#ff5d6c4d}.countdown{font-family:var(--font-mono);font-size:13px;font-weight:600}.countdown.neg{color:var(--red)}.countdown.low{color:var(--amber)}.countdown.ok{color:var(--green)}.sla-bar{background:var(--surface-3);border-radius:3px;height:5px;overflow:hidden}.sla-bar>span{border-radius:3px;height:100%;display:block}.bar-row{grid-template-columns:130px 1fr 36px;align-items:center;gap:10px;margin-bottom:8px;font-size:12.5px;display:grid}.bar-row .bar{background:var(--surface-3);border-radius:5px;height:9px;overflow:hidden}.bar-row .bar>span{background:var(--cyan);border-radius:5px;height:100%;display:block}.bar-row .bar>span.violet{background:var(--violet)}.bar-row .bar>span.amber{background:var(--amber)}.bar-row .bar>span.red{background:var(--red)}.bar-row .bar>span.green{background:var(--green)}.bar-row .n{font-family:var(--font-mono);color:var(--text-dim);text-align:right;font-size:11.5px}.bar-row .lbl{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pipeline{flex-wrap:wrap;gap:6px;display:flex}.pipe-stage{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex:1;min-width:88px;padding:9px 10px}.pipe-stage .n{font-family:var(--font-display);font-size:19px;font-weight:700}.pipe-stage .l{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-top:2px;font-size:9px}.pipe-stage.hot{border-color:#38d6ff4d}.pipe-stage.hot .n{color:var(--cyan)}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.agent-card .head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.agent-card .name{font-family:var(--font-display);font-size:14.5px;font-weight:600}.agent-card .role{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-top:2px;font-size:10px}.agent-card .desc{color:var(--text-dim);font-size:12.5px;line-height:1.55}.agent-card .stats{font-family:var(--font-mono);color:var(--text-faint);border-top:1px solid var(--border);gap:14px;padding-top:9px;font-size:11px;display:flex}.agent-card .stats b{color:var(--text);font-weight:600}.agent-card .recent{color:var(--text-dim);background:var(--bg-raised);border-radius:var(--radius-sm);border-left:2px solid var(--violet);padding:7px 9px;font-size:11.5px}.kb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:inherit;font:inherit;width:100%;padding:14px 16px;transition:border-color .12s,background .12s}.kb-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.kb-card.selected{background:var(--surface-2);border-color:#38d6ff66}.kb-card .t{font-size:13.5px;font-weight:600}.kb-card .m{color:var(--text-faint);flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.kb-detail h3{font-family:var(--font-display);margin:0 0 4px;font-size:17px}.kb-section{margin-top:14px}.kb-section .h{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:10px}.kb-section ul{color:var(--text);margin:0;padding-left:18px;font-size:13px}.kb-section li{margin-bottom:4px}.kb-section li.approval{color:var(--amber)}.kb-template{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);padding:9px 11px;font-size:12px;line-height:1.55}.match-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.match-score{font-family:var(--font-mono);color:var(--cyan);font-size:12px;font-weight:600}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.report-card h3{font-family:var(--font-display);margin:0;font-size:15px}.report-meta{font-family:var(--font-mono);color:var(--text-faint);margin:4px 0 10px;font-size:10.5px}.report-summary{background:var(--bg-raised);border-left:2px solid var(--cyan);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:9px 13px;font-size:13px;line-height:1.6}.report-list{color:var(--text-dim);margin:8px 0 0;padding-left:18px;font-size:12.5px}.report-list li{margin-bottom:4px}.report-h{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-top:12px;font-size:10px}.qa-score-ring{font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1}.qa-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.qa-cat{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.qa-cat .k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px}.qa-cat .v{font-family:var(--font-mono);margin-top:2px;font-size:14px;font-weight:600}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--text-faint);padding:34px 20px;font-size:13px}.empty .big{font-family:var(--font-display);color:var(--text-dim);margin-bottom:5px;font-size:15px}.warn-box{background:var(--amber-dim);border-radius:var(--radius-sm);color:var(--amber);border:1px solid #ffb45459;padding:11px 14px;font-size:12.5px;line-height:1.55}.danger-box{background:var(--red-dim);border-radius:var(--radius-sm);color:var(--red);border:1px solid #ff5d6c66;padding:11px 14px;font-size:12.5px;line-height:1.55}.info-box{background:var(--cyan-dim);border-radius:var(--radius-sm);color:var(--cyan);border:1px solid #38d6ff40;padding:11px 14px;font-size:12.5px;line-height:1.55}.muted{color:var(--text-dim);font-size:12.5px}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.divider{background:var(--border);border:none;height:1px;margin:14px 0}.flash{background:var(--surface-2);border:1px solid var(--border-strong);border-left:3px solid var(--green);border-radius:var(--radius-sm);z-index:100;padding:11px 16px;font-size:13px;animation:.18s flash-in;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #00000080}@keyframes flash-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.connector{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.connector .n{font-size:13px;font-weight:500}.connector .tags{flex-wrap:wrap;gap:5px;display:flex}.brief h2{font-family:var(--font-display);margin:0 0 8px;font-size:18px}.brief p{color:var(--text-dim);margin:0 0 10px;font-size:13.5px;line-height:1.65}.brief strong{color:var(--text)}.bullet-copy{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 14px;font-size:13px;line-height:1.55;display:flex}.skill-row{align-items:baseline}.skill-label{min-width:170px;font-size:12.5px;font-weight:600}.skill-proof{flex:1;min-width:0}@media (width<=1100px){.detail-layout{grid-template-columns:1fr}.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}.ticket-row{grid-template-columns:84px minmax(160px,2fr) 96px 86px 110px}.ticket-row .hide-md{display:none}.sla-item{grid-template-columns:84px 1fr 70px 110px}.sla-item .hide-md{display:none}}@media (width<=760px){.app{grid-template-columns:1fr}.sidebar{z-index:30;border-right:none;border-bottom:1px solid var(--border);flex-direction:column;gap:6px;height:auto;padding:8px 10px;position:sticky;top:0;overflow:hidden}.sidebar-top{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.nav-scroll{flex-direction:row;align-items:center;gap:6px;overflow:auto hidden}.brand{flex-shrink:0;padding:0 8px 0 2px}.brand-sub,.nav-group-label,.sidebar-foot,.nav-count{display:none}.area-switch{flex-shrink:0;margin:0}.area-switch button{white-space:nowrap;flex:none;padding:6px 9px;font-size:10px}.nav-btn{flex-shrink:0;width:auto;padding:6px 10px;font-size:12px}.topbar{padding:12px 14px}.content{padding:14px 12px 60px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.grid.metrics{grid-template-columns:repeat(2,1fr)}.ticket-row{grid-template-columns:1fr auto;grid-auto-rows:auto;gap:6px 10px}.ticket-row .hide-sm{display:none}.ticket-row .cell-main{grid-column:1/-1}.sla-item{grid-template-columns:1fr auto;gap:6px 10px}.sla-item .hide-sm{display:none}.queue-filters .input{width:100%}.qa-grid{grid-template-columns:repeat(2,1fr)}.bar-row{grid-template-columns:96px 1fr 30px}.topbar-title{font-size:16px}.bullet-copy{flex-wrap:wrap}.skill-label{width:100%;min-width:0}}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 420px at 18% -8%,#38d6ff0d,#0000 60%),radial-gradient(800px 380px at 85% -10%,#a78bfa0b,#0000 60%);position:fixed;inset:0}.app{z-index:1;position:relative}.content>*{animation:.22s both view-in}@keyframes view-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.badge.sla-breached{animation:1.6s ease-in-out infinite breach-pulse}@keyframes breach-pulse{0%,to{box-shadow:0 0 #ff5d6c73}50%{box-shadow:0 0 0 5px #ff5d6c00}}.nav-btn{position:relative}.nav-btn.active:before{content:"";background:var(--cyan);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-14px;box-shadow:0 0 8px #38d6ff80}.stage-strip{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.stage-chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);background:var(--bg-raised);border-radius:14px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;display:inline-flex}.stage-chip .dot{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.stage-chip.done{color:var(--green);border-color:#3ddc974d}.stage-chip.done .dot{background:var(--green)}.stage-chip.current{color:var(--cyan);background:var(--cyan-dim);border-color:#38d6ff66}.stage-chip.current .dot{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.stage-chip.skipped{opacity:.45;text-decoration:line-through}@media (width<=760px){.panel{padding:14px}.content{gap:14px}.metric .value{font-size:23px}.topbar-sub{display:none}.pipeline .pipe-stage{min-width:72px;padding:7px 6px}.pipe-stage .n{font-size:16px}.detail-head h2{font-size:17px}.btn{padding:8px 12px}.stage-strip{gap:4px}.stage-chip{padding:3px 8px;font-size:9px}.nav-btn.active:before{display:none}.qa-score-ring{font-size:28px}.draft-box{max-height:240px}}.topbar{position:relative}.topbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#38d6ff80,#a78bfa59 40%,#0000 80%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.ai-pill{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:10.5px;display:inline-flex}.ai-pill .ai-dot{background:var(--text-faint);border-radius:50%;flex:none;width:7px;height:7px}.ai-pill.connected{color:var(--green);background:var(--green-dim);border-color:#3ddc9766}.ai-pill.connected .ai-dot{background:var(--green);box-shadow:0 0 8px #3ddc97b3}.ai-pill.error{color:var(--red);background:var(--red-dim);border-color:#ff5d6c66}.ai-pill.error .ai-dot{background:var(--red)}.ai-pill.not_configured .ai-dot{background:var(--amber)}.sidebar-foot .ai-foot.connected{color:var(--green)}.sidebar-foot .ai-foot.error{color:var(--red)}.btn.ai{color:var(--violet);background:linear-gradient(135deg,#a78bfa29,#6366f11f);border-color:#a78bfa73}.btn.ai:hover:not(:disabled){background:#a78bfa3d;box-shadow:0 0 16px #a78bfa2e}.badge.ai{color:var(--violet);background:var(--violet-dim);border-color:#a78bfa73}.badge.link{cursor:pointer}.badge.link:hover{border-color:var(--cyan);color:var(--cyan)}.panel.ai-panel{background:radial-gradient(800px 140px at 0% 0%, #a78bfa12, transparent 60%), var(--surface);border-color:#a78bfa59}.draft-box.ai{border-left:3px solid var(--violet)}.ai-result{border-top:1px dashed var(--border-strong);padding-top:12px}.badge.risk-low{color:var(--green);background:var(--green-dim);border-color:#3ddc9759}.badge.risk-medium{color:var(--amber);background:var(--amber-dim);border-color:#ffb45459}.badge.risk-high{color:var(--red);background:var(--red-dim);border-color:#ff5d6c59}.badge.risk-restricted{color:#ff8da0;text-transform:uppercase;letter-spacing:.06em;background:#ff5d6c2e;border-color:#ff5d6c8c}.proposal-card{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius);padding:14px 16px}.proposal-card.risk-low{border-left-color:var(--green)}.proposal-card.risk-medium{border-left-color:var(--amber)}.proposal-card.risk-high{border-left-color:var(--red)}.proposal-card.risk-restricted{border-left-color:var(--red);background:linear-gradient(180deg, #ff5d6c0d, transparent 50%), var(--surface-2)}.proposal-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.proposal-title{font-size:13.5px;font-weight:650;font-family:var(--font-display);letter-spacing:.01em;margin-top:8px}.proposal-body{color:var(--text-dim);gap:4px;margin-top:6px;font-size:12.5px;display:grid}.proposal-body .k,.audit-body .k{min-width:118px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-right:8px;font-size:10px;display:inline-block}.rule-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;display:grid}.rule{color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;display:flex}.audit-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.audit-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.audit-body{color:var(--text-dim);gap:3px;margin-top:8px;font-size:12.5px;display:grid}.note-item.audit-mini{font-size:12.5px}.metric{transition:border-color .15s,transform .15s}.metric:hover{border-color:var(--border-strong);transform:translateY(-1px)}.panel{transition:border-color .15s}@media (width<=760px){.proposal-body .k,.audit-body .k{min-width:0;margin:6px 0 1px;display:block}.rule-grid{grid-template-columns:1fr}.ai-pill{font-size:9.5px}}