@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--sidebar-width:260px;--primary:#000;--accent:#2563eb;--bg:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);z-index:100;background:#fff;flex-direction:column;height:100vh;display:flex;position:fixed}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1.5rem;display:flex}.logo-box{background:var(--primary);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand-info{flex-direction:column;display:flex}.brand-name{color:var(--primary);font-size:1rem;font-weight:800}.brand-user{color:var(--text-muted);font-size:.75rem;font-weight:500}.sidebar-nav{flex:1;padding:1.5rem 1rem}.nav-item{color:var(--text-muted);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.router-link-active{color:var(--primary);background:#f1f5f9}.nav-item svg{transition:color .2s}.nav-item.router-link-active svg{color:var(--accent)}.badge-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;margin-left:auto}.sidebar-footer{border-top:1px solid var(--border);padding:1.5rem}.logout-btn{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.main-content.full-width{margin-left:0}.glass-card{border:1px solid var(--border);background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d}.section-title{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}@media (width<=768px){.sidebar{width:80px}.brand-info,.brand-name,.brand-user,.nav-item span{display:none}.main-content{margin-left:80px}}.login-page[data-v-01c36db0]{background-color:#fff;width:100%;height:100vh;display:flex}.login-container[data-v-01c36db0]{width:100%;height:100%;display:flex}.login-sidebar[data-v-01c36db0]{color:#fff;background:linear-gradient(160deg,#0052cc 0%,#0747a6 100%);flex-direction:column;flex:1;justify-content:space-between;padding:4rem;display:flex;position:relative;overflow:hidden}.login-sidebar[data-v-01c36db0]:before{content:"";background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-10%;right:-10%}.sidebar-content[data-v-01c36db0]{z-index:1;max-width:440px}.app-logo[data-v-01c36db0]{color:#fff;margin-bottom:3rem}.sidebar-content h1[data-v-01c36db0]{color:#fff;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.1}.sidebar-content p[data-v-01c36db0]{opacity:.8;margin-bottom:3rem;font-size:1.2rem}.feature-list[data-v-01c36db0]{flex-direction:column;gap:1rem;display:flex}.feature-item[data-v-01c36db0]{align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;display:flex}.dot[data-v-01c36db0]{background-color:#4c9aff;border-radius:50%;width:8px;height:8px}.sidebar-footer[data-v-01c36db0]{opacity:.6;font-size:.9rem}.login-form-section[data-v-01c36db0]{background-color:#fafbfc;flex:1.2;justify-content:center;align-items:center;padding:2rem;display:flex}.form-card[data-v-01c36db0]{width:100%;max-width:420px}.form-header[data-v-01c36db0]{margin-bottom:2.5rem}.form-header h2[data-v-01c36db0]{color:#172b4d;margin-bottom:.5rem;font-size:2rem}.form-header p[data-v-01c36db0]{color:#5e6c84;font-size:1rem}.input-group[data-v-01c36db0]{margin-bottom:1.5rem}.input-group label[data-v-01c36db0]{color:#5e6c84;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.input-group input[data-v-01c36db0]{background-color:#fff;border:1px solid #dfe1e6;border-radius:8px;width:100%;padding:.8rem 1rem;font-size:1rem;transition:all .2s;color:#172b4d!important}.input-group input[data-v-01c36db0]:focus{border-color:#0052cc;outline:none;box-shadow:0 0 0 4px #0052cc1a}.input-group input.error-border[data-v-01c36db0]{border-color:#de350b}.form-options[data-v-01c36db0]{justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem;display:flex}.checkbox-container[data-v-01c36db0]{cursor:pointer;color:#5e6c84;align-items:center;display:flex}.forgot-link[data-v-01c36db0]{color:#0052cc;font-weight:600}.submit-btn[data-v-01c36db0]{color:#fff;cursor:pointer;background-color:#0052cc;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:.9rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.submit-btn[data-v-01c36db0]:hover{background-color:#0065ff}.submit-btn[data-v-01c36db0]:disabled{color:#a5adba;cursor:not-allowed;background-color:#ebecf0}.error-alert[data-v-01c36db0]{color:#de350b;background-color:#ffebe6;border-radius:8px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;font-size:.9rem;display:flex}.form-footer[data-v-01c36db0]{text-align:center;color:#5e6c84;margin-top:2.5rem;font-size:.95rem}.form-footer a[data-v-01c36db0]{color:#0052cc;font-weight:600}.spinner[data-v-01c36db0]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-01c36db0}@keyframes spin-01c36db0{to{transform:rotate(360deg)}}.slide-up-enter-active[data-v-01c36db0],.slide-up-leave-active[data-v-01c36db0]{transition:all .3s}.slide-up-enter-from[data-v-01c36db0]{opacity:0;transform:translateY(10px)}.slide-up-leave-to[data-v-01c36db0]{opacity:0}@media (width<=900px){.login-sidebar[data-v-01c36db0]{display:none}}.request-page[data-v-092d3ecf]{background-color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.request-container[data-v-092d3ecf]{width:100%;max-width:600px}.request-card[data-v-092d3ecf]{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 10px 25px #0000000d}.header[data-v-092d3ecf]{margin-bottom:2rem}.back-link[data-v-092d3ecf]{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}h2[data-v-092d3ecf]{color:#1e293b;margin-bottom:.5rem;font-size:2rem}p[data-v-092d3ecf]{color:#64748b}.form-grid[data-v-092d3ecf]{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.input-group[data-v-092d3ecf]{flex-direction:column;gap:.5rem;display:flex}.full-width[data-v-092d3ecf]{grid-column:span 2}label[data-v-092d3ecf]{color:#475569;font-size:.875rem;font-weight:600}input[data-v-092d3ecf],textarea[data-v-092d3ecf]{border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}input[data-v-092d3ecf]:focus,textarea[data-v-092d3ecf]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.error-hint[data-v-092d3ecf]{color:#ef4444;font-size:.75rem}.info-hint[data-v-092d3ecf]{color:#94a3b8;font-size:.75rem}.submit-btn[data-v-092d3ecf]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:background .2s}.submit-btn[data-v-092d3ecf]:hover{background-color:#1d4ed8}.submit-btn[data-v-092d3ecf]:disabled{cursor:not-allowed;background-color:#94a3b8}.error-msg[data-v-092d3ecf]{color:#ef4444;text-align:center;margin-top:1rem;font-weight:500}.success-state[data-v-092d3ecf]{text-align:center}.success-icon[data-v-092d3ecf]{color:#16a34a;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;font-size:2.5rem;display:flex}.login-btn[data-v-092d3ecf]{color:#fff;background:#2563eb;border-radius:8px;margin-top:2rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;display:inline-block}.spinner[data-v-092d3ecf]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.8s linear infinite spin-092d3ecf}@keyframes spin-092d3ecf{to{transform:rotate(360deg)}}@media (width<=640px){.form-grid[data-v-092d3ecf]{grid-template-columns:1fr}.full-width[data-v-092d3ecf]{grid-column:span 1}}.request-page[data-v-fa51ffe7]{background-color:#f4f5f7;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.request-container[data-v-fa51ffe7]{width:100%;max-width:440px}.request-card[data-v-fa51ffe7]{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 8px 24px #091e4214}.header[data-v-fa51ffe7]{margin-bottom:2rem}.back-link[data-v-fa51ffe7]{color:#0052cc;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}h2[data-v-fa51ffe7]{color:#172b4d;margin-bottom:.5rem;font-size:1.8rem}p[data-v-fa51ffe7]{color:#5e6c84}.input-group[data-v-fa51ffe7]{margin-bottom:1.5rem}label[data-v-fa51ffe7]{color:#5e6c84;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}input[data-v-fa51ffe7]{border:2px solid #dfe1e6;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem}.info-box[data-v-fa51ffe7]{background-color:#deebff;border-radius:8px;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.info-box svg[data-v-fa51ffe7]{color:#0052cc;flex-shrink:0;margin-top:3px}.info-box p[data-v-fa51ffe7]{color:#0747a6;margin:0;font-size:.85rem;line-height:1.4}.submit-btn[data-v-fa51ffe7]{color:#fff;cursor:pointer;background-color:#0052cc;border:none;border-radius:8px;width:100%;padding:.9rem;font-size:1rem;font-weight:600}.success-state[data-v-fa51ffe7]{text-align:center}.success-icon[data-v-fa51ffe7]{color:#064;background:#e3fcef;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:2rem;display:flex}.login-btn[data-v-fa51ffe7]{color:#fff;background:#0052cc;border-radius:8px;margin-top:2rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;display:inline-block}.spinner[data-v-fa51ffe7]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto;animation:.8s linear infinite spin-fa51ffe7}@keyframes spin-fa51ffe7{to{transform:rotate(360deg)}}.dashboard-page[data-v-a45755bb]{background:#fbfbfc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.dashboard-header[data-v-a45755bb]{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.greeting-section h1[data-v-a45755bb]{color:#0f172a;letter-spacing:-.025em;margin:0 0 .25rem;font-size:2.25rem;font-weight:800}.subtitle[data-v-a45755bb]{color:#64748b;margin:0;font-size:1.1rem}.header-breadcrumb[data-v-a45755bb]{margin-top:.5rem;font-size:1.1rem;font-weight:600}.header-breadcrumb .muted[data-v-a45755bb]{color:#94a3b8}.header-breadcrumb .active[data-v-a45755bb]{color:#1e293b}.primary-btn[data-v-a45755bb]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;display:flex}.glass-card[data-v-a45755bb]{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000008}.stats-row[data-v-a45755bb]{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.stat-card[data-v-a45755bb]{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.stat-header[data-v-a45755bb]{justify-content:space-between;align-items:center;display:flex}.stat-title[data-v-a45755bb]{color:#475569;font-size:.95rem;font-weight:600}.stat-value[data-v-a45755bb]{color:#0f172a;font-size:2.2rem;font-weight:800}.middle-grid[data-v-a45755bb]{grid-template-columns:2fr 1fr;gap:1.5rem;height:320px;margin-bottom:1.5rem;display:grid}.chart-card[data-v-a45755bb]{flex-direction:column;padding:1.5rem;display:flex}.chart-card h3[data-v-a45755bb]{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.chart-header[data-v-a45755bb]{margin-bottom:1rem}.chart-val[data-v-a45755bb]{color:#0f172a;margin-top:.5rem;font-size:2rem;font-weight:800;display:block}.css-area-chart[data-v-a45755bb]{flex:1;margin-top:2rem;position:relative}.line-path[data-v-a45755bb]{clip-path:polygon(0 90%,10% 90%,12% 50%,25% 50%,35% 80%,40% 80%,50% 45%,60% 50%,75% 85%,85% 50%,95% 50%,100% 70%,100% 100%,0 100%);z-index:2;background:0 0;border-bottom:3px solid #22c55e;width:100%;height:100%;position:absolute;bottom:0;left:0}.gradient-fill[data-v-a45755bb]{clip-path:polygon(0 90%,10% 90%,12% 50%,25% 50%,35% 80%,40% 80%,50% 45%,60% 50%,75% 85%,85% 50%,95% 50%,100% 70%,100% 100%,0 100%);z-index:1;background:linear-gradient(#22c55e33 0%,#22c55e00 100%);width:100%;height:100%;position:absolute;bottom:0;left:0}.data-point[data-v-a45755bb]{z-index:3;background:#fff;border:3px solid #22c55e;border-radius:50%;width:12px;height:12px;position:absolute;top:43%;left:49.5%}.tooltip[data-v-a45755bb]{color:#fff;background:#0f172a;border-radius:8px;flex-direction:column;gap:.2rem;width:130px;padding:.5rem .75rem;display:flex;position:absolute;top:-50px;left:-60px}.tooltip[data-v-a45755bb]:after{content:"";border:5px solid #0000;border-top-color:#0f172a;border-bottom-width:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.tooltip .t-date[data-v-a45755bb]{color:#cbd5e1;font-size:.6rem}.tooltip .t-val[data-v-a45755bb]{font-size:.85rem;font-weight:700}.gauge-container[data-v-a45755bb]{flex:1;justify-content:center;align-items:center;margin-top:1rem;display:flex;position:relative}.gauge-wrapper[data-v-a45755bb]{width:220px;height:110px;position:relative;overflow:hidden}.gauge-arc[data-v-a45755bb]{transform-origin:50%;border:16px solid #0000;border-radius:50%;width:220px;height:220px;transition:opacity .3s;position:absolute;top:0;left:0}.gauge-arc.email[data-v-a45755bb]{border-top-color:#3b82f6;border-left-color:#3b82f6;transform:rotate(-45deg)}.gauge-arc.messenger[data-v-a45755bb]{border-top-color:#f59e0b;transform:rotate(-90deg);border-right-color:#0000!important}.gauge-arc.live-chat[data-v-a45755bb]{border-top-color:#8b5cf6;transform:rotate(0);border-right-color:#0000!important}.gauge-arc.contact-form[data-v-a45755bb]{border-top-color:#10b981;transform:rotate(45deg);border-right-color:#0000!important}.gauge-center[data-v-a45755bb]{background:#fff;border-radius:150px 150px 0 0;flex-direction:column;align-items:center;width:150px;height:75px;padding-top:1.5rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.g-lbl[data-v-a45755bb]{color:#64748b;font-size:.75rem;font-weight:600}.g-val[data-v-a45755bb]{color:#0f172a;font-size:1.8rem;font-weight:800}.legend-grid[data-v-a45755bb]{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding:0 1rem;display:grid}.leg-item[data-v-a45755bb]{color:#475569;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.dot[data-v-a45755bb]{border-radius:2px;width:10px;height:10px}.dot.d-email[data-v-a45755bb]{background:#3b82f6}.dot.d-chat[data-v-a45755bb]{background:#8b5cf6}.dot.d-mess[data-v-a45755bb]{background:#f59e0b}.dot.d-form[data-v-a45755bb]{background:#10b981}.bottom-grid[data-v-a45755bb]{grid-template-columns:1.2fr 1.5fr;gap:1.5rem;min-height:400px;display:grid}.chart-header-row[data-v-a45755bb]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.view-btn[data-v-a45755bb]{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.bar-legends[data-v-a45755bb]{gap:1.5rem;margin-bottom:2rem;display:flex}.square[data-v-a45755bb]{border-radius:3px;width:12px;height:12px;display:inline-block}.s-sol[data-v-a45755bb]{background:#22c55e}.s-cre[data-v-a45755bb]{background:#bbf7d0}.ml[data-v-a45755bb]{color:#0f172a;margin-left:.5rem;font-size:1.2rem}.css-bar-chart[data-v-a45755bb]{border-bottom:1px solid #f1f5f9;gap:1rem;height:250px;padding-top:1rem;display:flex}.y-axis[data-v-a45755bb]{color:#94a3b8;flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:.75rem;font-weight:600;display:flex}.bars[data-v-a45755bb]{flex:1;justify-content:space-around;align-items:flex-end;padding-bottom:25px;display:flex;position:relative}.bars[data-v-a45755bb]:after{content:"";z-index:0;background:#f1f5f9;width:100%;height:1px;position:absolute;bottom:25px;left:0}.bar-col[data-v-a45755bb]{z-index:1;flex-direction:column;align-items:center;width:40px;display:flex;position:relative}.b-top[data-v-a45755bb]{background:#bbf7d0;border-radius:4px 4px 0 0;width:100%}.b-bot[data-v-a45755bb]{background:#22c55e;border-radius:0 0 4px 4px;width:100%}.x-lbl[data-v-a45755bb]{color:#64748b;width:max-content;font-size:.75rem;font-weight:600;position:absolute;bottom:-25px}.h-10[data-v-a45755bb]{height:10px}.h-20[data-v-a45755bb]{height:20px}.h-30[data-v-a45755bb]{height:30px}.h-35[data-v-a45755bb]{height:35px}.h-40[data-v-a45755bb]{height:40px}.h-45[data-v-a45755bb]{height:45px}.h-50[data-v-a45755bb]{height:50px}.h-60[data-v-a45755bb]{height:60px}.ticket-list[data-v-a45755bb]{flex-direction:column;gap:.5rem;display:flex}.ticket-row[data-v-a45755bb]{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;align-items:center;padding:1rem 1.5rem;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.ticket-row[data-v-a45755bb]:hover{border-color:#f1f5f9;box-shadow:0 4px 12px #0000000d}.t-line[data-v-a45755bb]{border-radius:0 4px 4px 0;width:4px;height:70%;position:absolute;top:15%;left:0}.t-line.open[data-v-a45755bb]{background:#3b82f6}.t-line.in_progress[data-v-a45755bb]{background:#f59e0b}.t-line.resolved[data-v-a45755bb]{background:#22c55e}.t-line.closed[data-v-a45755bb]{background:#94a3b8}.t-date[data-v-a45755bb]{color:#1e293b;width:110px;padding-left:.5rem;font-size:.9rem;font-weight:600}.t-info[data-v-a45755bb]{flex-direction:column;flex:1;display:flex}.t-title[data-v-a45755bb]{color:#1e293b;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.t-desc[data-v-a45755bb]{color:#64748b;font-size:.85rem}.t-status[data-v-a45755bb]{justify-content:flex-end;align-items:center;gap:1rem;width:140px;display:flex}.status-badge[data-v-a45755bb]{text-transform:capitalize;border:1px solid #0000;border-radius:20px;padding:.4rem 1.25rem;font-size:.75rem;font-weight:700}.status-badge.open[data-v-a45755bb]{color:#2563eb;background:#eff6ff}.status-badge.in_progress[data-v-a45755bb]{color:#d97706;background:#fffbeb}.status-badge.resolved[data-v-a45755bb]{color:#16a34a;background:#f0fdf4}.status-badge.closed[data-v-a45755bb]{color:#475569;background:#f8fafc}.arrow-ico[data-v-a45755bb]{color:#0f172a;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.empty-state[data-v-a45755bb]{text-align:center;color:#64748b;padding:3rem}.user-stats-row[data-v-a45755bb]{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.user-stats-row .stat-card[data-v-a45755bb]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:row;justify-content:flex-start;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.stat-icon[data-v-a45755bb]{background:#f8fafc;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.stat-details .val[data-v-a45755bb]{color:#0f172a;font-size:1.75rem;font-weight:800;line-height:1;display:block}.stat-details .lbl[data-v-a45755bb]{color:#64748b;margin-top:.25rem;font-size:.875rem;font-weight:600}.accent-blue[data-v-a45755bb]{border-left:5px solid #3b82f6}.accent-amber[data-v-a45755bb]{border-left:5px solid #f59e0b}.accent-green[data-v-a45755bb]{border-left:5px solid #10b981}.tickets-section[data-v-a45755bb]{margin-bottom:2rem}.section-header[data-v-a45755bb]{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-header h3[data-v-a45755bb]{color:#1e293b;font-size:1.25rem;font-weight:700}.count-tag[data-v-a45755bb]{color:#475569;background:#e2e8f0;border-radius:20px;padding:.2rem .75rem;font-size:.75rem;font-weight:700}.ticket-table-card[data-v-a45755bb]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.user-table[data-v-a45755bb]{border-collapse:collapse;text-align:left;width:100%}.user-table th[data-v-a45755bb]{color:#64748b;text-transform:uppercase;background:#f8fafc;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.user-table td[data-v-a45755bb]{cursor:pointer;border-top:1px solid #f1f5f9;padding:1.25rem 1.5rem}.user-table tr:hover td[data-v-a45755bb]{background:#f8fafc}.id-badge[data-v-a45755bb]{color:#2563eb;font-family:monospace;font-size:.9rem;font-weight:800}.title-wrap[data-v-a45755bb]{flex-direction:column;gap:.4rem;display:flex}.title-text[data-v-a45755bb]{color:#1e293b;font-weight:600}.p-tag[data-v-a45755bb]{text-transform:uppercase;border-radius:4px;width:fit-content;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.p-tag.critical[data-v-a45755bb]{color:#991b1b;background:#fee2e2}.p-tag.high[data-v-a45755bb]{color:#9a3412;background:#ffedd5}.p-tag.medium[data-v-a45755bb]{color:#166534;background:#dcfce7}.p-tag.low[data-v-a45755bb]{color:#1e40af;background:#dbeafe}.s-pill[data-v-a45755bb]{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.s-pill.open[data-v-a45755bb]{color:#1d4ed8;background:#eff6ff}.s-pill.in_progress[data-v-a45755bb]{color:#b45309;background:#fffbeb}.s-pill.resolved[data-v-a45755bb]{color:#15803d;background:#f0fdf4}.s-pill.closed[data-v-a45755bb]{color:#475569;background:#f1f5f9}.sla-cell[data-v-a45755bb]{color:#64748b;font-size:.85rem;font-weight:500}.sla-cell.urgent[data-v-a45755bb]{color:#ef4444;font-weight:700}.user-empty-state[data-v-a45755bb]{text-align:center;color:#64748b;padding:5rem 2rem}.empty-art[data-v-a45755bb]{margin-bottom:1rem;font-size:3rem}.modal-backdrop[data-v-a45755bb]{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card[data-v-a45755bb]{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.modal-head[data-v-a45755bb]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-head h2[data-v-a45755bb]{color:#0f172a;margin:0;font-size:1.5rem}.close-btn[data-v-a45755bb]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.f-group[data-v-a45755bb]{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.f-group label[data-v-a45755bb]{color:#1e293b;font-size:.9rem;font-weight:600}.f-group input[data-v-a45755bb],.f-group textarea[data-v-a45755bb],.f-group select[data-v-a45755bb]{border:1px solid #e2e8f0;border-radius:10px;padding:.75rem;font-family:inherit}.f-group input[data-v-a45755bb]:focus,.f-group textarea[data-v-a45755bb]:focus,.f-group select[data-v-a45755bb]:focus{border-color:#0f172a;outline:none}.file-upload-wrapper[data-v-a45755bb]{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.file-label[data-v-a45755bb]{color:#64748b;cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:color .2s;display:flex}.file-label[data-v-a45755bb]:hover{color:#0f172a}.file-name[data-v-a45755bb]{color:#1e293b;background:#f1f5f9;border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.clear-file[data-v-a45755bb]{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:700;line-height:1}.modal-foot[data-v-a45755bb]{justify-content:flex-end;margin-top:2rem;display:flex}.btn-primary[data-v-a45755bb]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600}.admin-page[data-v-fcc7163d]{max-width:1400px;margin:0 auto;padding:2rem}.page-header[data-v-fcc7163d]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-main h1[data-v-fcc7163d]{color:var(--primary);margin-bottom:.25rem;font-size:2rem;font-weight:800}.header-main p[data-v-fcc7163d]{color:var(--text-muted)}.stats-summary[data-v-fcc7163d]{gap:1.5rem;display:flex}.mini-stat[data-v-fcc7163d]{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;padding:.75rem 1.25rem}.mini-stat .val[data-v-fcc7163d]{color:var(--accent);font-size:1.5rem;font-weight:800;display:block}.mini-stat .lbl[data-v-fcc7163d]{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.admin-card[data-v-fcc7163d]{overflow:hidden}.tabs-nav[data-v-fcc7163d]{border-bottom:1px solid var(--border);background:#fdfdfd;display:flex}.tabs-nav button[data-v-fcc7163d]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;position:relative}.tabs-nav button.active[data-v-fcc7163d]{color:var(--primary);background:#fff}.tabs-nav button.active[data-v-fcc7163d]:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.badge[data-v-fcc7163d]{color:#fff;background:#ef4444;border-radius:10px;padding:.1rem .4rem;font-size:.7rem;font-weight:800}.tab-content[data-v-fcc7163d]{padding:0}.table-wrapper[data-v-fcc7163d]{overflow-x:auto}table[data-v-fcc7163d]{border-collapse:collapse;text-align:left;width:100%}th[data-v-fcc7163d]{color:var(--text-muted);text-transform:uppercase;background:#fdfdfd;padding:1rem 1.5rem;font-size:.8rem;font-weight:700}td[data-v-fcc7163d]{border-top:1px solid var(--border);color:var(--text-main);padding:1.25rem 1.5rem}.user-meta .name[data-v-fcc7163d]{font-weight:700;display:block}.user-meta .email[data-v-fcc7163d]{color:var(--text-muted);font-size:.85rem}.creds code[data-v-fcc7163d]{color:var(--accent);background:#f1f5f9;border-radius:6px;padding:.25rem .5rem;font-family:monospace;font-weight:600}.req-pass[data-v-fcc7163d]{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;font-style:italic;display:block}.status-pill[data-v-fcc7163d]{text-transform:capitalize;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.status-pill.pending[data-v-fcc7163d]{color:#d97706;background:#fffbeb}.role-tag[data-v-fcc7163d]{text-transform:uppercase;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:800}.role-tag.admin[data-v-fcc7163d]{color:#0369a1;background:#e0f2fe}.role-tag.agent[data-v-fcc7163d]{color:#92400e;background:#fef3c7}.role-tag.user[data-v-fcc7163d]{color:#475569;background:#f1f5f9}.actions[data-v-fcc7163d]{align-items:center;gap:1rem;display:flex}.btn-sm-primary[data-v-fcc7163d]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600}.btn-text[data-v-fcc7163d]{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.btn-text.reject[data-v-fcc7163d]{color:#ef4444}.empty-state[data-v-fcc7163d]{text-align:center;padding:5rem 2rem}.empty-icon[data-v-fcc7163d]{margin-bottom:1rem;font-size:3rem}.empty-state h3[data-v-fcc7163d]{color:var(--primary);margin-bottom:.5rem}.charts-grid[data-v-fcc7163d]{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;display:grid}.chart-card[data-v-fcc7163d]{padding:1.5rem}.chart-card h3[data-v-fcc7163d]{color:var(--primary);margin-bottom:1.5rem;font-size:1.1rem}.simple-bar-chart[data-v-fcc7163d]{align-items:flex-end;gap:1rem;height:150px;padding-top:1rem;display:flex}.bar-item[data-v-fcc7163d]{flex-direction:column;flex:1;align-items:center;display:flex}.bar-container[data-v-fcc7163d]{align-items:flex-end;width:24px;height:100px;display:flex}.bar[data-v-fcc7163d]{background:var(--accent);border-radius:4px 4px 0 0;width:100%}.bar-label[data-v-fcc7163d]{color:var(--text-muted);margin-top:.5rem;font-size:.65rem;font-weight:600;transform:rotate(-45deg)}.priority-stats[data-v-fcc7163d]{flex-direction:column;gap:1.25rem;display:flex}.p-stat[data-v-fcc7163d]{grid-template-columns:80px 1fr 30px;align-items:center;gap:1rem;display:grid}.p-label[data-v-fcc7163d]{color:var(--text-main);font-size:.75rem;font-weight:700}.p-bar-wrap[data-v-fcc7163d]{background:#f1f5f9;border-radius:5px;height:10px;overflow:hidden}.p-bar[data-v-fcc7163d]{border-radius:5px;height:100%}.p-bar.critical[data-v-fcc7163d]{background:#ef4444}.p-bar.high[data-v-fcc7163d]{background:#f59e0b}.p-bar.medium[data-v-fcc7163d]{background:#10b981}.p-bar.low[data-v-fcc7163d]{background:#3b82f6}.p-count[data-v-fcc7163d]{color:var(--text-main);font-size:.85rem;font-weight:800}.loading-state[data-v-fcc7163d]{text-align:center;padding:5rem}.spinner[data-v-fcc7163d]{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.board-page[data-v-21d1f1ad]{background-color:#f4f5f7;flex-direction:column;height:calc(100vh - 64px);padding:2rem;display:flex}.board-header[data-v-21d1f1ad]{margin-bottom:2rem}.header-content h1[data-v-21d1f1ad]{color:#172b4d;margin-bottom:.25rem;font-size:1.8rem}.header-content p[data-v-21d1f1ad]{color:#5e6c84}.board-scroller[data-v-21d1f1ad]{flex:1;padding-bottom:1rem;overflow:auto hidden}.board[data-v-21d1f1ad]{align-items:flex-start;gap:1.25rem;height:100%;display:flex}.column[data-v-21d1f1ad]{background-color:#f4f5f7;border:1px solid #dfe1e6;border-radius:8px;flex-direction:column;min-width:320px;max-width:320px;max-height:100%;display:flex;box-shadow:0 1px 3px #0000000d}.column-header[data-v-21d1f1ad]{border-bottom:2px solid #dfe1e6;align-items:center;gap:.75rem;padding:1rem;display:flex}.status-dot[data-v-21d1f1ad]{border-radius:50%;width:10px;height:10px}.status-dot.open[data-v-21d1f1ad]{background:#0052cc}.status-dot.in_progress[data-v-21d1f1ad]{background:#ff8b00}.status-dot.resolved[data-v-21d1f1ad]{background:#36b37e}.status-dot.closed[data-v-21d1f1ad]{background:#5e6c84}.column-header h3[data-v-21d1f1ad]{color:#5e6c84;text-transform:uppercase;letter-spacing:.5px;flex:1;margin:0;font-size:.85rem;font-weight:700}.count-badge[data-v-21d1f1ad]{color:#42526e;background:#dfe1e6;border-radius:10px;padding:.1rem .6rem;font-size:.75rem;font-weight:700}.drag-area[data-v-21d1f1ad]{flex:1;min-height:100px;padding:.75rem;overflow-y:auto}.ticket-card[data-v-21d1f1ad]{cursor:pointer;background:#fff;border-radius:8px;margin-bottom:.75rem;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 3px #091e4226}.ticket-card[data-v-21d1f1ad]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #091e421f}.card-tag[data-v-21d1f1ad]{width:4px;height:100%;position:absolute;top:0;left:0}.card-tag.critical[data-v-21d1f1ad]{background:#de350b}.card-tag.high[data-v-21d1f1ad]{background:#ff8b00}.card-tag.medium[data-v-21d1f1ad]{background:#36b37e}.card-tag.low[data-v-21d1f1ad]{background:#0052cc}.card-body[data-v-21d1f1ad]{padding:1rem}.ticket-top[data-v-21d1f1ad]{justify-content:space-between;margin-bottom:.75rem;display:flex}.ticket-id[data-v-21d1f1ad]{color:#0052cc;font-size:.75rem;font-weight:700}.priority-label[data-v-21d1f1ad]{text-transform:uppercase;border-radius:3px;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.priority-label.critical[data-v-21d1f1ad]{color:#de350b;background:#ffebe6}.priority-label.high[data-v-21d1f1ad]{color:#ff8b00;background:#fffae6}.priority-label.medium[data-v-21d1f1ad]{color:#064;background:#e3fcef}.priority-label.low[data-v-21d1f1ad]{color:#0052cc;background:#deebff}.card-body h4[data-v-21d1f1ad]{color:#172b4d;margin:0 0 1rem;font-size:.95rem;font-weight:500;line-height:1.4}.ticket-footer[data-v-21d1f1ad]{justify-content:space-between;align-items:center;display:flex}.user-info[data-v-21d1f1ad]{align-items:center;gap:.5rem;display:flex}.avatar[data-v-21d1f1ad]{color:#fff;background:#0747a6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex}.creator-name[data-v-21d1f1ad]{color:#5e6c84;font-size:.75rem}.ghost-card[data-v-21d1f1ad]{opacity:.5;box-shadow:none!important;background:#ebecf0!important;border:2px dashed #97a0af!important}.page-container[data-v-e0c020e2]{max-width:1400px;margin:0 auto;padding:2rem}.page-header[data-v-e0c020e2]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-breadcrumb[data-v-e0c020e2]{font-size:1.1rem;font-weight:600}.header-breadcrumb .muted[data-v-e0c020e2]{color:var(--text-muted)}.header-breadcrumb .active[data-v-e0c020e2]{color:var(--primary)}.status-select[data-v-e0c020e2]{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;outline:none;padding:.6rem 1.25rem;font-weight:600}.status-select[data-v-e0c020e2]:focus{border-color:var(--accent)}.detail-grid[data-v-e0c020e2]{grid-template-columns:1fr 320px;gap:2rem;display:grid}.main-ticket-card[data-v-e0c020e2]{margin-bottom:2rem;padding:2rem}.ticket-header[data-v-e0c020e2]{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.creator-avatar[data-v-e0c020e2]{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:800;display:flex}.ticket-meta h2[data-v-e0c020e2]{color:var(--primary);margin:0 0 .25rem;font-size:1.5rem}.date-posted[data-v-e0c020e2]{color:var(--text-muted);font-size:.85rem}.ticket-body[data-v-e0c020e2]{color:var(--text-main);font-size:1.05rem;line-height:1.6}.comments-section[data-v-e0c020e2]{margin-top:3rem}.section-title[data-v-e0c020e2]{color:var(--primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.comments-list[data-v-e0c020e2]{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.comment-card[data-v-e0c020e2]{gap:1rem;padding:1.5rem;display:flex}.comment-avatar[data-v-e0c020e2]{width:40px;height:40px;color:var(--text-main);background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.comment-content[data-v-e0c020e2]{flex:1}.comment-meta[data-v-e0c020e2]{justify-content:space-between;margin-bottom:.5rem;display:flex}.comment-meta strong[data-v-e0c020e2]{color:var(--primary)}.comment-meta .time[data-v-e0c020e2]{color:var(--text-muted);font-size:.8rem}.comment-content p[data-v-e0c020e2]{color:var(--text-main);margin:0;line-height:1.5}.reply-card[data-v-e0c020e2]{padding:1.5rem}.reply-card textarea[data-v-e0c020e2]{border:1px solid var(--border);resize:vertical;border-radius:12px;width:100%;min-height:100px;margin-bottom:1rem;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.reply-card textarea[data-v-e0c020e2]:focus{border-color:var(--accent);outline:none}.reply-footer[data-v-e0c020e2]{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.file-upload-wrapper[data-v-e0c020e2]{align-items:center;gap:1rem;display:flex}.file-label[data-v-e0c020e2]{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:color .2s;display:flex}.file-label[data-v-e0c020e2]:hover{color:var(--accent)}.file-name[data-v-e0c020e2]{background:#f1f5f9;border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.clear-file[data-v-e0c020e2]{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:700;line-height:1}.btn-primary[data-v-e0c020e2]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:.75rem 2rem;font-weight:600;transition:opacity .2s}.btn-primary[data-v-e0c020e2]:disabled{opacity:.5;cursor:not-allowed}.side-column[data-v-e0c020e2]{flex-direction:column;gap:1.5rem;display:flex}.side-widget[data-v-e0c020e2]{padding:1.5rem}.widget-title[data-v-e0c020e2]{color:var(--primary);margin:0 0 1.5rem;font-size:1.1rem}.info-group[data-v-e0c020e2]{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.info-group[data-v-e0c020e2]:last-child{margin-bottom:0}.info-group label[data-v-e0c020e2]{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:600}.status-badge[data-v-e0c020e2]{text-transform:capitalize;border-radius:20px;width:fit-content;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.status-badge.open[data-v-e0c020e2]{color:#2563eb;background:#eff6ff}.status-badge.in_progress[data-v-e0c020e2]{color:#d97706;background:#fffbeb}.status-badge.resolved[data-v-e0c020e2]{color:#16a34a;background:#f0fdf4}.status-badge.closed[data-v-e0c020e2]{color:#475569;background:#f1f5f9}.priority-label[data-v-e0c020e2]{text-transform:uppercase;border-radius:6px;width:fit-content;padding:.2rem .6rem;font-size:.7rem;font-weight:800}.priority-label.critical[data-v-e0c020e2]{color:#991b1b;background:#fee2e2}.priority-label.high[data-v-e0c020e2]{color:#9a3412;background:#ffedd5}.priority-label.medium[data-v-e0c020e2]{color:#166534;background:#dcfce7}.priority-label.low[data-v-e0c020e2]{color:#1e40af;background:#dbeafe}.deadline-text[data-v-e0c020e2]{color:var(--text-main);font-weight:600}.deadline-text.overdue[data-v-e0c020e2]{color:#dc2626;font-weight:700}.assignee-box[data-v-e0c020e2]{color:var(--text-main);align-items:center;gap:.75rem;font-weight:600;display:flex}.mini-avatar[data-v-e0c020e2]{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;display:flex}.unassigned[data-v-e0c020e2]{color:var(--text-muted);font-style:italic}.full-loading[data-v-e0c020e2]{text-align:center;padding:10rem 0}.spinner[data-v-e0c020e2]{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin-e0c020e2}@keyframes spin-e0c020e2{to{transform:rotate(360deg)}}.error-state[data-v-e0c020e2]{text-align:center;padding:5rem}.error-state h2[data-v-e0c020e2]{color:var(--primary);margin-bottom:1rem}@media (width<=900px){.detail-grid[data-v-e0c020e2]{grid-template-columns:1fr}}:root{--primary:#0052cc;--primary-hover:#0065ff;--text-main:#172b4d;--text-sub:#5e6c84;--bg-light:#f4f5f7;--border:#dfe1e6;--error:#de350b;--success:#00875a}*{box-sizing:border-box}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#fff;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4{color:var(--text-main);margin:0;font-weight:600}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--text-main)!important}input::placeholder{color:#a5adba}
