:root{--bg-primary:#0b0b18;--bg-secondary:#111128;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-glass:#0f0f28b3;--accent:#6c63ff;--accent-light:#8b85ff;--accent-glow:#6c63ff4d;--accent2:#00d4aa;--accent2-glow:#00d4aa40;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#606080;--border:#ffffff14;--border-accent:#6c63ff66;--status-open:#6c63ff;--status-open-bg:#6c63ff26;--status-progress:#f59e0b;--status-progress-bg:#f59e0b26;--status-resolved:#10b981;--status-resolved-bg:#10b98126;--status-closed:#6b7280;--status-closed-bg:#6b728026;--priority-low:#10b981;--priority-low-bg:#10b9811f;--priority-medium:#f59e0b;--priority-medium-bg:#f59e0b1f;--priority-high:#ef4444;--priority-high-bg:#ef44441f;--priority-critical:#dc2626;--priority-critical-bg:#dc262633;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 24px #0006;--shadow-lg:0 8px 48px #00000080;--shadow-glow:0 0 32px var(--accent-glow);--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0b0b18;background:var(--bg-primary);color:#f0f0ff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}body:before{background:radial-gradient(ellipse,#6c63ff14 0,#0000 70%);height:80%;left:-20%;top:-50%;width:60%}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:0}body:after{background:radial-gradient(ellipse,#00d4aa0f 0,#0000 70%);bottom:-30%;height:60%;right:-10%;width:50%}#root{position:relative;z-index:1}h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;letter-spacing:-.02em}h3{font-size:1.1rem}h3,h4{font-weight:600}h4{font-size:.95rem}p{color:#a0a0c0;color:var(--text-secondary)}a{color:#8b85ff;color:var(--accent-light);text-decoration:none;transition:all .15s ease;transition:var(--transition-fast)}a:hover{color:#f0f0ff;color:var(--text-primary)}.container{margin:0 auto;max-width:1200px;padding:0 24px}.page{padding:32px 0 80px}.grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f28b3;background:var(--bg-glass);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{color:#f0f0ff;color:var(--text-primary);font-size:1.2rem;font-weight:800;gap:10px;letter-spacing:-.02em;text-decoration:none}.navbar-brand .logo-icon{align-items:center;background:linear-gradient(135deg,#6c63ff,#00d4aa);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;box-shadow:0 0 32px #6c63ff4d;box-shadow:var(--shadow-glow);display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.navbar-nav{gap:4px;list-style:none}.navbar-nav,.navbar-nav a{align-items:center;display:flex}.navbar-nav a{border-radius:8px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);font-size:.875rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.navbar-nav a.active,.navbar-nav a:hover{background:#ffffff12;background:var(--bg-card-hover);color:#f0f0ff;color:var(--text-primary)}.navbar-nav a.active{color:#8b85ff;color:var(--accent-light)}.role-selector{align-items:center;background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px;padding:6px 12px}.role-selector select{background:#0000;border:none;color:#8b85ff;color:var(--accent-light);cursor:pointer;font-size:.85rem;font-weight:600;outline:none}.card{background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:24px;position:relative}.card,.card:before{transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:before{background:linear-gradient(90deg,#0000,#6c63ff4d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0}.card:hover{background:#ffffff12;background:var(--bg-card-hover);border-color:#6c63ff66;border-color:var(--border-accent);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:hover:before{opacity:1}.stat-card{align-items:center;background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.4rem;height:48px;justify-content:center;width:48px}.stat-label{color:#606080;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.stat-value{color:#f0f0ff;color:var(--text-primary);font-size:1.8rem;font-weight:800;line-height:1}.ticket-card{background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ticket-card:hover{background:#ffffff12;background:var(--bg-card-hover);border-color:#6c63ff66;border-color:var(--border-accent);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.ticket-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ticket-title{color:#f0f0ff;color:var(--text-primary);font-size:.95rem;font-weight:600}.ticket-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#606080;color:var(--text-muted);display:-webkit-box;font-size:.82rem;overflow:hidden}.ticket-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ticket-id{color:#606080;color:var(--text-muted);font-family:monospace;font-size:.72rem}.ticket-agent{color:#a0a0c0;color:var(--text-secondary);font-size:.78rem}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.73rem;font-weight:600;gap:4px;letter-spacing:.03em;padding:3px 10px;white-space:nowrap}.badge-open{background:#6c63ff26;background:var(--status-open-bg);border:1px solid #6c63ff;border:1px solid var(--status-open);color:#6c63ff;color:var(--status-open)}.badge-progress{background:#f59e0b26;background:var(--status-progress-bg);border:1px solid #f59e0b;border:1px solid var(--status-progress);color:#f59e0b;color:var(--status-progress)}.badge-resolved{background:#10b98126;background:var(--status-resolved-bg);border:1px solid #10b981;border:1px solid var(--status-resolved);color:#10b981;color:var(--status-resolved)}.badge-closed{background:#6b728026;background:var(--status-closed-bg);border:1px solid #6b7280;border:1px solid var(--status-closed);color:#6b7280;color:var(--status-closed)}.badge-low{background:#10b9811f;background:var(--priority-low-bg);color:#10b981;color:var(--priority-low)}.badge-medium{background:#f59e0b1f;background:var(--priority-medium-bg);color:#f59e0b;color:var(--priority-medium)}.badge-high{background:#ef44441f;background:var(--priority-high-bg);color:#ef4444;color:var(--priority-high)}.badge-critical{background:#dc262633;background:var(--priority-critical-bg);color:#dc2626;color:var(--priority-critical)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;outline:none;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#6c63ff,#5b54e8);background:linear-gradient(135deg,var(--accent),#5b54e8);box-shadow:0 4px 16px #6c63ff4d;box-shadow:0 4px 16px var(--accent-glow);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#8b85ff,#6c63ff);background:linear-gradient(135deg,var(--accent-light),var(--accent));box-shadow:0 6px 24px #6c63ff4d;box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);color:#f0f0ff;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff12;background:var(--bg-card-hover);border-color:#6c63ff66;border-color:var(--border-accent)}.btn-success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.btn-success:hover{background:#10b98140}.btn-danger{background:#ef44441f;border:1px solid #ef44444d;color:#ef4444}.btn-danger:hover{background:#ef444438}.btn-sm{font-size:.8rem;padding:6px 14px}.btn-lg{font-size:1rem;padding:14px 28px}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-label{color:#a0a0c0;color:var(--text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-control{background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f0f0ff;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-control::placeholder{color:#606080;color:var(--text-muted)}.form-control:focus{background:#ffffff12;background:var(--bg-card-hover);border-color:#6c63ff;border-color:var(--accent);box-shadow:0 0 0 3px #6c63ff4d;box-shadow:0 0 0 3px var(--accent-glow)}textarea.form-control{min-height:100px;resize:vertical}select.form-control{cursor:pointer}select.form-control option{background:#1a1a35}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.page-header-info{display:flex;flex-direction:column;gap:4px}.page-subtitle{color:#606080;color:var(--text-muted);font-size:.9rem}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input{background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f0f0ff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.875rem;min-width:200px;outline:none;padding:10px 14px 10px 38px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input:focus{border-color:#6c63ff;border-color:var(--accent);box-shadow:0 0 0 3px #6c63ff4d;box-shadow:0 0 0 3px var(--accent-glow)}.search-wrapper{flex:1 1;min-width:200px;position:relative}.search-icon{color:#606080;color:var(--text-muted);font-size:.9rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a0a0c0;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;outline:none;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-select:focus{border-color:#6c63ff;border-color:var(--accent)}.filter-select option{background:#1a1a35}.comment-thread{display:flex;flex-direction:column;gap:12px}.comment-bubble{align-items:flex-start;display:flex;gap:12px}.comment-bubble.agent{flex-direction:row-reverse}.comment-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:34px;justify-content:center;width:34px}.avatar-user{background:linear-gradient(135deg,#6c63ff,#5b54e8);background:linear-gradient(135deg,var(--accent),#5b54e8);color:#fff}.avatar-agent{background:linear-gradient(135deg,#00d4aa,#00b894);background:linear-gradient(135deg,var(--accent2),#00b894);color:#fff}.comment-body{background:#ffffff0a;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);max-width:70%;padding:12px 16px}.comment-bubble.agent .comment-body{background:#00d4aa0f;border-color:#00d4aa33}.comment-author{color:#a0a0c0;color:var(--text-secondary);font-size:.75rem;font-weight:600;margin-bottom:4px}.comment-text{color:#f0f0ff;color:var(--text-primary);font-size:.875rem}.comment-time{font-size:.7rem;margin-top:6px}.comment-time,.empty-state{color:#606080;color:var(--text-muted)}.empty-state{padding:64px 32px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-title{color:#a0a0c0;color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.empty-desc{font-size:.875rem}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#6c63ff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;margin:48px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.toast{align-items:center;animation:slideUp .3s ease;background:#ffffff0a;background:var(--bg-card);border:1px solid #6c63ff66;border:1px solid var(--border-accent);border-radius:12px;border-radius:var(--radius-md);bottom:24px;box-shadow:0 8px 48px #00000080;box-shadow:var(--shadow-lg);display:flex;font-size:.875rem;font-weight:500;gap:10px;max-width:380px;min-width:250px;padding:14px 20px;position:fixed;right:24px;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:#10b98180}.toast-error{border-color:#ef444480}.divider{background:#ffffff14;background:var(--border);height:1px;margin:24px 0}.tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#606080;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-1px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab:hover{color:#a0a0c0;color:var(--text-secondary)}.tab.active{border-bottom-color:#6c63ff;border-bottom-color:var(--accent);color:#8b85ff;color:var(--accent-light)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-sm{font-size:.82rem}.text-muted{color:#606080;color:var(--text-muted)}.text-accent{color:#8b85ff;color:var(--accent-light)}.fw-600{font-weight:600}.w-full{width:100%}
/*# sourceMappingURL=main.c7b90954.css.map*/