:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#e5e7eb;background:radial-gradient(circle at top,#3b82f62e,#0000 35%),linear-gradient(#0f172a 0%,#111827 100%)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:0}.app-container{max-width:1200px;margin:0 auto}.grid-layout{grid-template-columns:1.05fr .95fr;align-items:start;gap:20px;display:grid}.panel,.trace-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ab8;border:1px solid #94a3b826;border-radius:20px;box-shadow:0 20px 60px #00000040}.panel{padding:20px}.trace-panel{margin-top:20px;padding:20px}.error-box{color:#fecaca;background:#ef444424;border:1px solid #ef444459;border-radius:12px;margin-top:16px;padding:12px 14px}@media (width<=900px){.grid-layout{grid-template-columns:1fr}}.header{max-width:1200px;margin:0 auto 24px;padding:20px}.header-badge{color:#bfdbfe;background:#3b82f61f;border:1px solid #3b82f647;border-radius:999px;align-items:center;margin-bottom:14px;padding:6px 12px;font-size:.85rem;display:inline-flex}.header h1{color:#f8fafc;margin:0;font-size:2rem;line-height:1.1}.header p{color:#cbd5e1;max-width:780px;margin:10px 0 0}.ticket-form{flex-direction:column;gap:14px;display:flex}.ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ticket-grid-1{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;display:grid}.ticket-field{flex-direction:column;gap:6px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{color:#f8fafc;margin:0;font-size:1.1rem}.input-label{color:#cbd5e1;font-size:.95rem}.ticket-textarea{resize:vertical;color:#e2e8f0;background:#0f172ae6;border:1px solid #94a3b833;border-radius:14px;outline:none;width:100%;min-height:220px;padding:14px}.ticket-textarea::placeholder{color:#64748b}.ticket-textarea:focus{border-color:#60a5fab3;box-shadow:0 0 0 4px #3b82f61f}.ticket-input{color:#e2e8f0;background:#0f172ae6;border:1px solid #94a3b833;border-radius:14px;outline:none;width:100%;padding:12px 14px}.ticket-input::placeholder{color:#64748b}.ticket-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 4px #3b82f61f}.primary-btn,.ghost-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;transition:transform .15s,opacity .15s}.primary-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);font-weight:600}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.ghost-btn{color:#e2e8f0;background:#94a3b81f;border:1px solid #94a3b833;padding:8px 12px}@media (width<=720px){.ticket-grid{grid-template-columns:1fr}}.results-panel h2{color:#f8fafc;margin:0 0 14px;font-size:1.1rem}.placeholder-card{color:#94a3b8;background:#0f172a8c;border:1px dashed #94a3b84d;border-radius:14px;padding:18px}.result-content{flex-direction:column;gap:16px;display:flex}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.summary-card{background:linear-gradient(#0f172af5,#0f172ac7);border:1px solid #94a3b829;border-radius:16px;padding:16px;box-shadow:inset 0 1px #ffffff08}.summary-card-route{grid-column:1/-1}.summary-card-priority{flex-direction:column;justify-content:space-between;gap:10px;display:flex}.summary-note{color:#94a3b8;font-size:.9rem;line-height:1.5}.value-emphasis{font-size:1.1rem}.tag-wrap{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.84rem}.value{color:#f8fafc;font-size:1rem;font-weight:600;line-height:1.4}.tag-chip{color:#dbeafe;letter-spacing:.01em;background:#1e293bf2;border:1px solid #60a5fa47;border-radius:999px;align-items:center;padding:7px 11px;font-size:.84rem;font-weight:600;display:inline-flex}.response-box,.explanation-box{color:#e2e8f0;white-space:pre-wrap;background:#0f172ae6;border:1px solid #94a3b829;border-radius:14px;padding:14px;line-height:1.6}.trace-list{flex-direction:column;gap:12px;display:flex}.trace-item{color:#e2e8f0;background:#0f172ae6;border:1px solid #94a3b829;border-radius:14px;padding:14px}.trace-agent{color:#f8fafc;margin-bottom:4px;font-weight:700}.trace-decision{color:#93c5fd;margin-bottom:6px}.trace-details{white-space:pre-wrap;line-height:1.6}@media (width<=720px){.summary-grid{grid-template-columns:1fr}.summary-card-route{grid-column:auto}}.status-badge{letter-spacing:.03em;border-radius:999px;align-items:center;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.status-badge.high{color:#fecaca;background:#ef444429;border:1px solid #ef444459}.status-badge.medium{color:#fde68a;background:#f59e0b24;border:1px solid #f59e0b59}.status-badge.low{color:#bbf7d0;background:#22c55e24;border:1px solid #22c55e59}.card-shell{background:linear-gradient(#0f172aeb,#0f172ab3);border:1px solid #94a3b824;border-radius:18px;padding:18px}.agent-trace h2{color:#f8fafc;margin:0;font-size:1.1rem}.trace-subtitle{color:#94a3b8;margin:8px 0 18px}.trace-flow{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.trace-step{opacity:.75;background:#0f172ab8;border:1px solid #94a3b829;border-radius:16px;padding:14px;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.trace-step.complete{opacity:1;background:#1e293bf5;border-color:#3b82f666}.trace-step.current{border-color:#60a5fa9e;transform:translateY(-1px)}.step-dot{color:#bfdbfe;background:#3b82f62e;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.step-label{color:#e2e8f0;font-size:.9rem;line-height:1.3}.step-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.step-state{color:#94a3b8;margin-top:2px;font-size:.78rem}.step-details{color:#cbd5e1;white-space:pre-wrap;font-size:.88rem;line-height:1.5}.trace-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.trace-pill{color:#dbeafe;background:#1e293be6;border:1px solid #60a5fa47;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:600}.progress-shell{margin-bottom:16px}.progress-track{background:#1e293bf2;border:1px solid #94a3b829;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 55%,#93c5fd 100%);border-radius:999px;height:100%;transition:width .26s}@media (width<=900px){.trace-flow{grid-template-columns:1fr}.trace-step{text-align:left}.trace-header{flex-direction:column}}