@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--qa-primary:#8c3cdd;--qa-secondary:#af57db;--qa-gradient:linear-gradient(135deg,#8c3cdd 0%,#af57db 100%);--qa-accent:#f2e6ff;--qa-hover:#8020df;--qa-muted:#f0edf3;--cs-primary:#0d80f2;--cs-secondary:#2b6cee;--cs-gradient:linear-gradient(135deg,#0d80f2 0%,#2b6cee 100%);--cs-accent:#e6f2ff;--cs-hover:#0673e0;--cs-muted:#edf0f3;--dispatch-primary:#22c373;--dispatch-secondary:#2dd29b;--dispatch-gradient:linear-gradient(135deg,#22c373 0%,#2dd29b 100%);--dispatch-accent:#e6fff2;--dispatch-hover:#1ab366;--dispatch-muted:#edf3f0;--callcenter-primary:#010172;--callcenter-secondary:#2d69e1;--callcenter-gradient:linear-gradient(135deg,#010172 0%,#2d69e1 100%);--callcenter-accent:#f0f7ff;--callcenter-hover:#1d4189;--callcenter-muted:#f8faff;--font-display:"Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono",monospace;--shadow-premium:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03),0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.01);--shadow-glass:0 8px 32px 0 rgba(31,38,135,.37);--shadow-floating:0 25px 50px -12px rgba(0,0,0,.25);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-elastic:cubic-bezier(.175,.885,.32,1.275);--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.4s;--duration-slower:.6s;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem}@media (prefers-color-scheme:dark){:root{--qa-accent:#261b32;--qa-muted:#1a171c;--cs-accent:#1b2632;--cs-muted:#171a1c;--dispatch-accent:#1b3226;--dispatch-muted:#171c1a;--callcenter-accent:#32261b;--callcenter-muted:#1c1a17}}.department-qa{--dept-primary:var(--qa-primary);--dept-secondary:var(--qa-secondary);--dept-gradient:var(--qa-gradient);--dept-accent:var(--qa-accent);--dept-hover:var(--qa-hover);--dept-muted:var(--qa-muted)}.department-cs{--dept-primary:var(--cs-primary);--dept-secondary:var(--cs-secondary);--dept-gradient:var(--cs-gradient);--dept-accent:var(--cs-accent);--dept-hover:var(--cs-hover);--dept-muted:var(--cs-muted)}.department-dispatch{--dept-primary:var(--dispatch-primary);--dept-secondary:var(--dispatch-secondary);--dept-gradient:var(--dispatch-gradient);--dept-accent:var(--dispatch-accent);--dept-hover:var(--dispatch-hover);--dept-muted:var(--dispatch-muted)}.department-callcenter{--dept-primary:var(--callcenter-primary);--dept-secondary:var(--callcenter-secondary);--dept-gradient:var(--callcenter-gradient);--dept-accent:var(--callcenter-accent);--dept-hover:var(--callcenter-hover);--dept-muted:var(--callcenter-muted)}.premium-card{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-premium);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3)}.glass-card{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.2)}@media (prefers-color-scheme:dark){.premium-card{background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.3)!important}.glass-card{background:rgba(255,255,255,.85)!important;border:1px solid rgba(255,255,255,.2)!important}}.shadow-premium{box-shadow:var(--shadow-premium)}.shadow-floating{box-shadow:var(--shadow-floating)}.gradient-border{background:linear-gradient(white,white)padding-box,var(--dept-gradient)border-box;border:2px solid transparent}@media (prefers-color-scheme:dark){.gradient-border{background:linear-gradient(#14141e,#14141e)padding-box,var(--dept-gradient)border-box}}.transition-premium{transition:all var(--duration-normal)var(--ease-smooth)}.transition-fast{transition:all var(--duration-fast)var(--ease-smooth)}.transition-slow{transition:all var(--duration-slow)var(--ease-smooth)}.hover-lift{transition:all var(--duration-normal)var(--ease-smooth)}.hover-lift:hover{box-shadow:var(--shadow-floating);transform:translateY(-2px)}.hover-scale{transition:transform var(--duration-fast)var(--ease-bounce)}.hover-scale:hover{transform:scale(1.02)}.magnetic-button{transition:all var(--duration-normal)var(--ease-smooth);position:relative;overflow:hidden}.magnetic-button:before{content:"";width:0;height:0;transition:all var(--duration-slow)var(--ease-smooth);pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.magnetic-button:hover:before{width:300px;height:300px}.premium-table{background:var(--glass-card);border-radius:var(--radius-xl);overflow:hidden}.premium-table th{background:var(--dept-gradient);color:#fff;padding:var(--space-lg);border:none;font-weight:600}.premium-table td{padding:var(--space-md)var(--space-lg);transition:background-color var(--duration-fast)var(--ease-smooth);border-bottom:1px solid rgba(0,0,0,.05)}.premium-table tr:hover td{background-color:var(--dept-accent)}@media (prefers-color-scheme:dark){.premium-table td{border-bottom:1px solid rgba(255,255,255,.1)}}.tab-indicator{background:var(--dept-gradient);border-radius:var(--radius-sm);height:3px;transition:all var(--duration-normal)var(--ease-smooth);position:absolute;bottom:0}.status-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.pulse{animation:2s infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.7}}.fab{background:var(--dept-gradient);color:#fff;width:3.5rem;height:3.5rem;box-shadow:var(--shadow-floating);cursor:pointer;transition:all var(--duration-normal)var(--ease-bounce);z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.fab:hover{transform:scale(1.1)translateY(-2px);box-shadow:0 30px 60px -12px rgba(0,0,0,.35)}.fab:active{transform:scale(.95)}.skeleton{background:linear-gradient(90deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.05) 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.02) 50%,rgba(255,255,255,.05) 75%)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:all var(--duration-slow)var(--ease-smooth);transform:translateY(0)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transition:all var(--duration-slow)var(--ease-smooth);transform:translateY(-20px)}@media (max-width:768px){.fab{width:3rem;height:3rem;bottom:1rem;right:1rem}.premium-table th,.premium-table td{padding:var(--space-sm)var(--space-md)}}.text-gradient{background:var(--dept-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.border-gradient{border-image:var(--dept-gradient)1}.bg-dept{background:var(--dept-primary)}.bg-dept-gradient{background:var(--dept-gradient)}.text-dept{color:var(--dept-primary)}.focus-premium:focus{box-shadow:0 0 0 3px rgba(var(--dept-primary),.2);border-color:var(--dept-primary);outline:none}