:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-app:#0b1120;--bg-sidebar:#111827;--bg-topbar:#0f172a;--bg-card:#111827;--bg-card-soft:#1f2937;--border:#243041;--border-soft:#374151;--text:#e5e7eb;--text-soft:#94a3b8;--text-muted:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--shadow:0 10px 30px #00000040;--radius:16px;background:#0b1120;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--bg-app);width:100%;min-height:100%;color:var(--text);margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select{color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172a}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172a}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172a}textarea:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172a}select:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f172a}h1,h2,h3,h4,p{margin:0}.page-title{color:var(--text);font-size:28px;font-weight:700}.page-subtitle{color:var(--text-soft);margin-top:6px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.status-new{color:#93c5fd;background:#3b82f626}.badge.status-progress{color:#fcd34d;background:#f59e0b26}.badge.status-done{color:#86efac;background:#16a34a26}.badge.status-assigned{color:#d8b4fe;background:#a855f726}.badge.priority-low{color:#86efac;background:#22c55e26}.badge.priority-medium{color:#fcd34d;background:#f59e0b26}.badge.priority-high{color:#fca5a5;background:#ef444426}.btn{cursor:pointer;border:none;border-radius:12px;padding:11px 16px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{color:var(--text);border:1px solid var(--border-soft);background:#1f2937}.input,.textarea,.select{border:1px solid var(--border-soft);width:100%;color:var(--text);background:#0f172a;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.textarea{resize:vertical;min-height:110px}.data-list{gap:14px;display:grid}.ticket-list-item{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;padding:18px;transition:all .2s}.ticket-list-item:hover{border-color:#3b82f6;transform:translateY(-1px)}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.meta-item{border:1px solid var(--border);background:#0f172a;border-radius:12px;padding:12px}.meta-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.meta-value{color:var(--text);font-weight:600}.message-bubble{border:1px solid #0000;border-radius:16px;margin-bottom:12px;padding:14px 16px}.message-bubble.user{background:#172554;border-color:#1d4ed8}.message-bubble.agent{background:#2e1065;border-color:#7c3aed}.message-bubble.ai{background:#083344;border-color:#0891b2}.message-meta{color:#cbd5e1;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.empty-state{border:1px dashed var(--border-soft);color:var(--text-soft);background:#0f172a66;border-radius:16px;padding:24px}@media (width<=900px){.meta-grid{grid-template-columns:1fr}}@media (width<=1100px){.responsive-detail-layout{grid-template-columns:1fr!important}}