:root{--wipro-primary:#7b3ff2;--wipro-secondary:#5a2fc2;--wipro-light:#9d6ff5;--wipro-dark:#4a1fc2;--wipro-gradient:linear-gradient(135deg,#7b3ff2,#5a2fc2);--trane-primary:#c8102e;--trane-secondary:#1c4587;--trane-light:#e6395a;--trane-dark:#9b0c24;--trane-gradient:linear-gradient(135deg,#c8102e,#1c4587);--brand-gradient:linear-gradient(135deg,#7b3ff2,#5a2fc2 30%,#1c4587 70%,#c8102e);--brand-gradient-light:linear-gradient(135deg,#7b3ff21a,#c8102e1a);--status-critical:#dc3545;--status-high:#fd7e14;--status-medium:#ffc107;--status-low:#28a745;--status-resolved:#20c997;--status-pending:#6c757d;--white:#fff;--light-bg:#f8f9fa;--lighter-gray:#e9ecef;--light-gray:#dee2e6;--gray:#6c757d;--dark-gray:#495057;--darker-gray:#343a40;--black:#000;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-overlay:#00000080;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--text-white:#fff;--text-link:#0d6efd;--border-light:#e9ecef;--border-medium:#dee2e6;--border-dark:#ced4da;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px rgba(0,0,0,.075);--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #00000026;--shadow-xl:0 20px 25px #0003;--shadow-2xl:0 25px 50px #00000040;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-family-mono:"Fira Code","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--nav-height:64px;--sidebar-width:260px;--container-max-width:1440px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f8f9fa;background-color:var(--bg-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#212529;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-md)}p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#0d6efd;color:var(--text-link);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{text-decoration:underline}button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{border:1px solid #dee2e6;border:1px solid var(--border-medium);border-radius:8px;border-radius:var(--radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#7b3ff2;border-color:var(--wipro-primary);box-shadow:0 0 0 3px #7b3ff21a;outline:none}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 4px rgba(0,0,0,.075);box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-critical{background:#dc3545;background:var(--status-critical)}.badge-critical,.badge-high{color:#fff;color:var(--white)}.badge-high{background:#fd7e14;background:var(--status-high)}.badge-medium{background:#ffc107;background:var(--status-medium);color:#343a40;color:var(--darker-gray)}.badge-low{background:#28a745;background:var(--status-low)}.badge-low,.badge-resolved{color:#fff;color:var(--white)}.badge-resolved{background:#20c997;background:var(--status-resolved)}.badge-pending{background:#6c757d;background:var(--status-pending);color:#fff;color:var(--white)}.container{margin:0 auto;max-width:1440px;max-width:var(--container-max-width);padding:0 1.5rem;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:.25rem;gap:var(--spacing-xs)}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.gap-xl{gap:2rem;gap:var(--spacing-xl)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.mt-xs{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-xs{padding:.25rem;padding:var(--spacing-xs)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:1rem;padding:var(--spacing-md)}.p-lg{padding:1.5rem;padding:var(--spacing-lg)}.p-xl{padding:2rem;padding:var(--spacing-xl)}.spinner{animation:spin .8s linear infinite;border:3px solid #e9ecef;border-top-color:#7b3ff2;border:3px solid var(--lighter-gray);border-radius:50%;border-top-color:var(--wipro-primary);height:40px;width:40px}@media (max-width:768px){:root{--font-size-4xl:1.875rem;--font-size-3xl:1.5rem;--nav-height:56px}.container{padding:0 1rem;padding:0 var(--spacing-md)}}@media (max-width:480px){:root{--font-size-4xl:1.5rem;--font-size-3xl:1.25rem}}code{font-family:var(--font-family-mono)}.login-page{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;position:fixed;right:0;top:0}.login-top-bar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:16px 32px}.top-bar-content{align-items:center;display:flex;gap:24px;justify-content:flex-start;margin:0 auto;max-width:1400px}.top-bar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b3ff2,#c8102e);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:.5px;margin:0}.top-bar-logos{align-items:center;display:flex;gap:12px}.top-bar-trane-logo{height:32px;object-fit:contain}.powered-by{color:#6c757d;font-size:12px;font-weight:500}.top-bar-wipro-logo{height:40px;object-fit:contain}.login-content-area{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px 10px}.login-background{display:none}.login-container{margin:0 auto;max-width:480px;position:relative;width:100%;z-index:10}.login-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 8px 24px #0000001a;margin:0 auto;max-width:300px;padding:16px}.login-header{margin-bottom:12px;text-align:center}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b3ff2,#c8102e);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 4px}.login-subtitle{color:#6c757d;font-size:13px;font-weight:500;margin:0}.login-form{margin-bottom:16px}.form-group{margin-bottom:12px}.input-with-icon{position:relative;width:100%}.input-icon{color:#6c757d;font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-input{background:#fff;border:2px solid #dee2e6;border-radius:10px;font-family:inherit;font-size:13px;padding:9px 12px 9px 36px;transition:all .15s ease-in-out;width:100%}.form-input:focus{border-color:#7b3ff2;box-shadow:0 0 0 4px #7b3ff21a;outline:none}.form-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.forgot-password-link{margin-bottom:14px;margin-top:-6px;text-align:right}.forgot-password-link a{color:#7b3ff2;font-size:13px;font-weight:500;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.error-message{background:#dc35451a;border:1px solid #dc3545;border-radius:8px;color:#dc3545;font-size:13px;font-weight:500;margin-bottom:12px;padding:8px 12px}.login-button{align-items:center;background:linear-gradient(135deg,#7b3ff2,#5a2fc2);border:none;border-radius:10px;box-shadow:0 4px 12px #7b3ff24d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.login-button:hover{box-shadow:0 6px 20px #7b3ff266;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.sso-login-button-primary{align-items:center;background:linear-gradient(135deg,#7b3ff2,#5a2fc2);border:none;border-radius:10px;box-shadow:0 4px 12px #7b3ff24d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;margin-bottom:12px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.sso-login-button-primary:hover{box-shadow:0 6px 20px #7b3ff266;transform:translateY(-2px)}.sso-login-button-primary:active{transform:translateY(0)}.sso-login-button-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-divider{align-items:center;color:#6c757d;display:flex;margin:12px 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid #dee2e6;content:"";flex:1 1}.login-divider span{color:#6c757d;font-size:12px;font-weight:500;padding:0 12px}.login-footer{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px;margin-top:24px}.login-footer a{color:#7b3ff2;font-size:13px;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.footer-separator{color:#dee2e6;font-weight:300}.login-copyright{border-top:1px solid #dee2e6;color:#6c757d;font-size:11px;margin-top:16px;padding-top:16px}.sso-login-button{align-items:center;background:linear-gradient(135deg,#00a4ef,#0078d4);border:none;border-radius:10px;box-shadow:0 4px 12px #0078d44d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:12px 20px;transition:all .3s ease-in-out;width:100%}.sso-login-button:hover{background:linear-gradient(135deg,#0078d4,#005a9e);box-shadow:0 6px 20px #0078d466;transform:translateY(-2px)}.sso-login-button:active{transform:translateY(0)}.sso-login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{margin-bottom:12px;text-align:center}.help-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#7b3ff2;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:6px;transition:all .15s ease-in-out}.help-button:hover{background:#7b3ff21a}.help-popup{background:#7b3ff20d;border:1px solid #7b3ff2;border-radius:10px;margin-top:8px;padding:12px;text-align:left}.help-popup p{color:#212529;font-size:14px;margin:4px 0}.help-popup strong{color:#7b3ff2;font-weight:700}.help-popup code{background:#7b3ff21a;border-radius:4px;color:#4a1fc2;font-family:Courier New,monospace;font-size:12px;padding:2px 8px}.help-note{color:#6c757d;font-size:12px;font-style:italic;margin-top:8px}.login-copyright{border-top:1px solid #e9ecef;color:#adb5bd;font-size:12px;padding-top:20px;text-align:center}@media (max-width:768px){.login-card{padding:32px}.login-title{font-size:24px}.brand-logo,.logo-divider{height:40px}}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:24px}.login-title{font-size:20px}.login-subtitle{font-size:12px}.brand-logos{gap:16px}.brand-logo,.logo-divider{height:32px}}.navbar{background:var(--white);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.navbar-container{align-items:center;display:flex;gap:var(--spacing-lg);height:var(--nav-height);justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-lg)}.navbar-brand{align-items:center;display:flex;flex-shrink:0;gap:16px}.navbar-logo{background:#0000;object-fit:contain}.trane-nav-logo{height:32px}.navbar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b3ff2,#c8102e);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.powered-by-text{color:#6c757d;font-size:12px;font-weight:500}.wipro-nav-logo{height:40px;object-fit:contain}.brand-divider,.navbar-links{display:none}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{text-decoration:none}.nav-link.active,.nav-link:hover{background:var(--brand-gradient-light);color:var(--wipro-primary)}.nav-link.active{font-weight:var(--font-weight-semibold)}.nav-link.active:after{background:var(--brand-gradient);border-radius:var(--radius-sm) var(--radius-sm) 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}.navbar-icon-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.navbar-icon-btn:hover{background:var(--bg-tertiary);border-color:var(--wipro-primary);color:var(--wipro-primary)}.notification-badge{align-items:center;background:#c8102e;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px 5px;position:absolute;right:4px;top:4px}.notification-container{position:relative}.notification-dropdown{animation:dropdownFadeIn .2s ease;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:360px;z-index:1000}.notification-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.mark-read-btn{background:none;border:none;border-radius:4px;color:var(--wipro-primary);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.mark-read-btn:hover{background:var(--brand-gradient-light)}.notification-list{max-height:360px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .2s}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:#f0f4ff}.notification-item.unread:hover{background:#e6edff}.notification-icon{flex-shrink:0;font-size:24px}.notification-content{flex:1 1}.notification-text{color:var(--text-primary);font-size:14px;line-height:1.4;margin:0 0 4px}.notification-time{color:var(--text-secondary);font-size:12px}.notification-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:12px 20px;text-align:center}.view-all-btn{background:none;border:none;border-radius:6px;color:var(--wipro-primary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.view-all-btn:hover{background:var(--brand-gradient-light)}.user-menu-container{position:relative}.user-profile-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.user-profile-btn:hover{background:var(--bg-tertiary);border-color:var(--wipro-primary)}.user-avatar{align-items:center;background:var(--brand-gradient);border-radius:var(--radius-full);color:var(--white);display:flex;height:32px;justify-content:center;width:32px}.user-avatar,.user-name{font-size:var(--font-size-sm)}.user-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.dropdown-arrow{color:var(--text-secondary);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.user-profile-btn:hover .dropdown-arrow{transform:translateY(2px)}.user-dropdown{animation:fadeInDown .2s ease-out;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-sm));z-index:var(--z-dropdown)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:var(--brand-gradient-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.user-avatar-large{align-items:center;background:var(--brand-gradient);border-radius:var(--radius-full);color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:48px;justify-content:center;width:48px}.user-info{flex:1 1;min-width:0}.user-name-large{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.user-email,.user-name-large{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-secondary);font-size:var(--font-size-sm)}.dropdown-divider{background:var(--border-light);height:1px;margin:0}.dropdown-item{background:#0000;border:none;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--bg-secondary);color:var(--wipro-primary)}.dropdown-item svg{font-size:var(--font-size-md)}.logout-item,.logout-item:hover{color:var(--status-critical)}.logout-item:hover{background:#dc35451a}@media (max-width:1024px){.navbar-title,.user-name{display:none}}@media (max-width:768px){.navbar-container{padding:0 var(--spacing-md)}.navbar-links{display:none}.navbar-brand{gap:var(--spacing-sm)}.brand-divider,.navbar-logo{height:24px}}@media (max-width:480px){.user-dropdown{min-width:220px}.dropdown-header{padding:var(--spacing-md)}.user-avatar-large{height:40px;width:40px}}.dashboard-wrapper{zoom:.9;background:#f8f9fa;min-height:100vh;-moz-transform:scale(.9);-moz-transform-origin:0 0}.dashboard-content{margin:0 auto;max-width:1260px;padding:16px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b3ff2,#c8102e);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:32px;font-weight:700;margin:0 0 4px}.dashboard-subtitle{color:#718096;font-size:14px;margin:0}.analytics-link{background:linear-gradient(135deg,#7b3ff2,#5a2fc2);border-radius:8px;box-shadow:0 4px 12px #7b3ff24d;color:#fff;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.analytics-link:hover{box-shadow:0 6px 16px #7b3ff266;transform:translateY(-2px)}.sync-data-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.sync-data-btn:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.sync-data-btn:disabled{cursor:not-allowed;opacity:.6}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #00000014;gap:14px;padding:18px}.stat-card:hover{box-shadow:0 8px 20px #0000001f}.stat-icon{border-radius:5px;font-size:11px;height:18px;width:18px}.stat-value{font-size:32px;margin-bottom:4px}.stat-label{font-weight:500}.stat-total{border-color:#e6f0ff}.stat-total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-total .stat-value{color:#667eea}.stat-inprogress{border-color:#e6f7ff}.stat-inprogress .stat-icon{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.stat-inprogress .stat-value{color:#3182ce}.stat-onhold{border-color:#fff4e6}.stat-onhold .stat-icon{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.stat-onhold .stat-value{color:#ed8936}.stat-new{border-color:#e6ffed}.stat-new .stat-icon{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.stat-new .stat-value{color:#38a169}.search-filter-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.search-bar{flex:0 0 25%;max-width:300px;position:relative;transition:all .3s ease}.search-bar:focus-within{flex:1 1;max-width:100%}.search-icon{color:#a0aec0;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 48px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#7b3ff2;box-shadow:0 0 0 3px #7b3ff21a;outline:none}.search-clear{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:22px}.search-clear:hover{background:#cbd5e0}.filter-bar{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:flex-end}.filter-label{color:#7b3ff2;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.filter-group{flex:0 0 auto;min-width:120px}.date-filter-group{min-width:auto;position:relative}.date-range-toggle{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .2s ease}.date-range-toggle:hover{background:#f7f5ff;border-color:#7b3ff2}.date-range-popup{align-items:center;background:#fff;border:2px solid #7b3ff2;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;margin-top:8px;padding:12px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:1000}.date-input-compact{border:1px solid #e2e8f0;border-radius:4px;color:#2d3748;font-family:inherit;font-size:12px;padding:6px 8px;transition:all .2s ease}.date-input-compact:focus{border-color:#7b3ff2;box-shadow:0 0 0 2px #7b3ff21a;outline:none}.date-range-group{align-items:center;display:flex;gap:8px;min-width:auto}.filter-actions{display:flex;gap:8px;margin-left:12px}.configure-btn,.export-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.configure-btn{background:linear-gradient(135deg,#7b3ff2,#5a2fc2);box-shadow:0 2px 8px #7b3ff24d;color:#fff}.configure-btn:hover{box-shadow:0 4px 12px #7b3ff266;transform:translateY(-2px)}.export-btn{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 2px 8px #4299e14d;color:#fff}.export-btn:hover{box-shadow:0 4px 12px #4299e166;transform:translateY(-2px)}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.table-scroll{overflow-x:auto;overflow-y:visible}.agent-table{border-collapse:initial;border-spacing:0;width:100%}.agent-table thead{background:linear-gradient(135deg,#f7f5ff,#ede9fe);border-bottom:3px solid #7b3ff2}.agent-table th{border-bottom:2px solid #e2e8f0;color:#5a2fc2;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 12px;position:relative;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.agent-table th.checkbox-col{cursor:default;text-align:center;width:50px}.agent-table th.checkbox-col input[type=checkbox]{cursor:pointer;height:16px;width:16px}.agent-table th svg{color:#a0aec0;margin-left:6px;vertical-align:middle}.agent-table td{border-bottom:1px solid #f7fafc;color:#4a5568;font-size:14px;padding:12px}.agent-table td.checkbox-col{text-align:center;width:50px}.agent-table td.checkbox-col input[type=checkbox]{cursor:pointer;height:16px;width:16px}.agent-table tbody tr{transition:all .2s ease}.agent-table tbody tr:hover{background:#f7fafc;cursor:pointer}.agent-table button{background:linear-gradient(135deg,#7b3ff2,#5a2fc2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.agent-table button:hover{box-shadow:0 4px 12px #7b3ff24d;transform:translateY(-1px)}.basic-multi-select{font-size:12px;width:100%}.select__control{background:#fff!important;border-color:#e2e8f0!important;border-radius:6px!important;min-height:34px!important}.select__control:hover{border-color:#cbd5e0!important}.select__control--is-focused{border-color:#7b3ff2!important;box-shadow:0 0 0 1px #7b3ff2!important}.select__value-container{padding:2px 8px!important}.select__placeholder{color:#a0aec0!important;font-size:12px!important}.select__input-container{margin:0!important;padding:0!important}.select__multi-value{background:#e6f0ff!important;border-radius:4px!important;margin:2px!important}.select__multi-value__label{color:#667eea!important;font-size:11px!important;font-weight:500!important;padding:2px 6px!important}.select__multi-value__remove{padding:0 4px!important}.select__multi-value__remove:hover{background:#667eea!important;color:#fff!important}.loading-container{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;height:48px;margin-bottom:16px;width:48px}.loading-container p{color:#718096;font-size:16px;font-weight:500}.error-container{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.error-container p{color:#e53e3e;font-size:16px;font-weight:600}.ticket-details{background-color:#f9f9f9;border:1px solid #ddd;margin-top:20px;padding:20px}.ticket-details button{margin-bottom:10px}.details-container{display:flex;justify-content:space-between}.ticket-info{flex:1 1;margin-right:20px}.comments-section{flex:1 1}.comments-section ul{list-style-type:none;padding:0}.comments-section li{background-color:#f2f2f2;border-radius:4px;margin-bottom:5px;padding:10px}.comments-section input{margin-right:5px;padding:5px}.comments-section button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.comments-section button:hover{background-color:#0056b3}.process-button{background:linear-gradient(135deg,#7b3ff2,#5a2fc2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.process-button:hover{background:linear-gradient(135deg,#6a2fe2,#4a1fb2);box-shadow:0 4px 8px #7b3ff24d;transform:translateY(-1px)}.process-button:active{transform:translateY(0)}.pagination-container{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.pagination-info{color:#4a5568;font-size:14px;font-weight:500}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:36px;padding:0 12px;transition:all .2s ease}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background:#7b3ff2;border-color:#7b3ff2;color:#fff}.pagination-btn.active{font-weight:600}.pagination-btn:disabled{background:#f7fafc;cursor:not-allowed;opacity:.5}.pagination-dots{color:#a0aec0;font-weight:700;padding:0 8px}.ticket-details-wrapper{background:#f8f9fa;min-height:100vh}.ticket-details-content{margin:0 auto;max-width:1260px;padding:32px 24px}.back-link{background:#fff;border:2px solid #7b3ff2;color:#7b3ff2;gap:8px;margin-bottom:24px}.back-link:hover{background:#7b3ff2;color:#fff;transform:translateX(-4px)}.ticket-header-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:32px}.ticket-header-top{align-items:flex-start;border-bottom:2px solid #f7fafc;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.ticket-id{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b3ff2,#c8102e);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.ticket-description{color:#4a5568;font-size:16px;margin:0}.status-badge{border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.status-new,.status-open{background:#fff4e6;color:#ed8936}.status-in-progress{background:#e6f0ff;color:#667eea}.status-closed,.status-resolved{background:#e6ffed;color:#38a169}.ticket-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1a202c;font-size:15px;font-weight:500}.priority-1,.priority-high{color:#e53e3e;font-weight:700}.priority-2,.priority-medium{color:#ed8936;font-weight:600}.priority-3,.priority-low{color:#48bb78}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.card-title{color:#1a202c;font-weight:700;margin:0 0 20px}.recommendations-card ul{list-style:none;margin:0 0 20px;padding:0}.recommendations-card li{align-items:center;border-bottom:1px solid #f7fafc;display:flex;gap:12px;padding:12px 0}.recommendations-card li:last-child{border-bottom:none}.recommendations-card input[type=checkbox]{accent-color:#7b3ff2;cursor:pointer;height:18px;width:18px}.upload-section{display:flex;flex-wrap:wrap;gap:12px}.resolution-card textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:20px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.resolution-card textarea:focus{border-color:#7b3ff2;box-shadow:0 0 0 3px #7b3ff21a;outline:none}.dropdown-group{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.dropdown-group label{color:#2d3748;font-size:13px;font-weight:600;margin-bottom:4px}.dropdown-group input[type=date],.dropdown-group input[type=text],.dropdown-group select,.dropdown-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.dropdown-group input:focus,.dropdown-group select:focus,.dropdown-group textarea:focus{border-color:#7b3ff2;box-shadow:0 0 0 3px #7b3ff21a;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:12px}.btn-download,.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#7b3ff2,#5a2fc2);box-shadow:0 4px 12px #7b3ff24d;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #7b3ff266;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #7b3ff2;color:#7b3ff2}.btn-secondary:hover{background:#f7f5ff}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 12px #48bb784d;color:#fff}.btn-success:hover{box-shadow:0 6px 16px #48bb7866;transform:translateY(-2px)}.btn-download{background:#e6f0ff;color:#667eea;font-size:12px;padding:6px 12px}.btn-download:hover{background:#667eea;color:#fff}.resources-card{grid-column:1/-1}.search-input-small{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px;width:100%}.search-input-small:focus{border-color:#7b3ff2;box-shadow:0 0 0 3px #7b3ff21a;outline:none}.tabs{border-bottom:2px solid #f7fafc;display:flex;gap:8px;margin-bottom:20px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{color:#7b3ff2}.tab-btn.active{border-bottom-color:#7b3ff2;color:#7b3ff2}.documents-count{color:#718096;font-size:13px;margin-bottom:16px}.resource-list{list-style:none;margin:0;padding:0}.resource-list span{color:#2d3748;font-size:14px}.not-found{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.not-found h2{color:#e53e3e;font-size:24px}.not-found a{color:#7b3ff2;font-weight:600;text-decoration:none}.rag-empty,.rag-error,.rag-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px;text-align:center}.rag-loading .spinner{animation:spin 1s linear infinite;color:#7b3ff2;font-size:32px}.rag-empty p,.rag-loading p{color:#718096;font-size:14px;margin:0}.rag-error{background:#fff5f5;border:2px solid #fc8181;border-radius:8px;padding:20px}.rag-error p{color:#c53030;font-weight:600;margin:0 0 12px}.rag-info{background:linear-gradient(135deg,#f7f5ff,#e6f0ff);border-left:4px solid #7b3ff2;border-radius:8px;margin-bottom:16px;padding:12px 16px}.rag-info p{color:#5a2fc2;font-size:13px;font-weight:600;margin:0}.resolution-steps-list{list-style:none;margin:0 0 20px;padding:0}.resolution-step-item{border-bottom:1px solid #f7fafc;margin-bottom:12px;padding:0}.resolution-step-item:last-child{border-bottom:none}.step-checkbox{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:background .2s ease}.step-checkbox:hover{background:#f7fafc}.step-checkbox input[type=checkbox]{accent-color:#7b3ff2;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.step-text{color:#2d3748;flex:1 1;font-size:14px;line-height:1.6}.step-selected-icon{color:#48bb78;flex-shrink:0;font-size:16px;margin-top:2px}.findings-recommendations-content{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.findings-section,.recommendations-section{display:flex;flex-direction:column;gap:8px}.findings-section label,.recommendations-section label{color:#2d3748;font-size:13px;font-weight:600}.findings-section textarea,.recommendations-section textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.findings-section textarea:focus,.recommendations-section textarea:focus{border-color:#7b3ff2;box-shadow:0 0 0 3px #7b3ff21a;outline:none}.rag-status{align-items:center;background:#f7fafc;border-radius:8px;color:#718096;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 14px}.rag-status.success{background:linear-gradient(135deg,#f7f5ff,#e6f0ff);border-left:4px solid #7b3ff2;color:#5a2fc2;font-weight:600}.rag-status .spinner{animation:spin 1s linear infinite;color:#7b3ff2}@media(max-width:968px){.content-grid{grid-template-columns:1fr}}@media(max-width:640px){.ticket-header-top{gap:16px}.button-group,.ticket-header-top{flex-direction:column}.btn-primary,.btn-secondary,.btn-success{justify-content:center;width:100%}}.ticket-score{background:linear-gradient(135deg,#f7f5ff,#e6f0ff);border-radius:12px;color:#718096;font-size:11px;font-weight:600;padding:4px 10px}.resource-list li{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:background .2s ease}.resource-list li:hover{background:#edf2f7}.resource-list li span:first-child{color:#2d3748;flex:1 1;font-size:14px;font-weight:500}.feedback-buttons{border-top:2px solid #f7fafc;display:flex;gap:12px;margin-top:12px;padding-top:12px}.feedback-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.feedback-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.feedback-btn.thumbs-up:hover{background:#e6ffed;border-color:#48bb78;color:#38a169}.feedback-btn.thumbs-down:hover{background:#fff4e6;border-color:#ed8936;color:#dd6b20}.feedback-btn.copy-btn:hover{background:#e6f0ff;border-color:#667eea;color:#5a67d8}.feedback-btn.userquery-btn:hover{background:#f0e6ff;border-color:#7b3ff2;color:#5a2fc2}.userquery-section{animation:slideDown .3s ease;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.userquery-section textarea{border:2px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.userquery-section textarea:focus{border-color:#7b3ff2;box-shadow:0 0 0 3px #7b3ff21a;outline:none}.userquery-actions{display:flex;gap:8px}.userquery-cancel-btn,.userquery-send-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.userquery-send-btn{background:linear-gradient(135deg,#7b3ff2,#5a2fc2);color:#fff}.userquery-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #7b3ff24d;transform:translateY(-2px)}.userquery-send-btn:disabled{cursor:not-allowed;opacity:.5}.userquery-cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#718096}.userquery-cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:32px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 8px}.modal-content p{color:#718096;font-size:14px;margin:0 0 16px}.analytics-wrapper{background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding-top:0}.analytics-content{margin:0 auto;max-width:1280px;padding:40px 32px}.analytics-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;justify-content:space-between;margin-bottom:40px;padding:32px}.analytics-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b3ff2,#c8102e);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:36px;font-weight:700;margin:0 0 8px}.analytics-subtitle{color:#718096;font-size:16px;font-weight:500;margin:0}.back-link{background:linear-gradient(135deg,#7b3ff2,#6030d8);border:none;border-radius:12px;box-shadow:0 4px 12px #7b3ff24d;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px}.back-link:hover{background:linear-gradient(135deg,#6030d8,#5028c0);box-shadow:0 6px 16px #7b3ff266;box-shadow:0 8px 20px #7b3ff266}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;gap:20px;padding:28px;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:all .3s ease;width:64px}.stat-total .stat-icon{background:linear-gradient(135deg,#7b3ff2,#6030d8);color:#fff}.stat-open .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-progress .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-hold .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-teams .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.stat-high .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-resolved .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-content{flex:1 1}.stat-value{color:#1a202c;font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{color:#718096;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.charts-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));margin-bottom:40px}.chart-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:32px;transition:all .3s ease}.chart-card:hover{border-color:#7b3ff2;box-shadow:0 12px 28px #0000001f}.chart-header{border-bottom:2px solid #f1f5f9;margin-bottom:28px;padding-bottom:20px}.chart-title{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 8px}.chart-subtitle{color:#718096;font-size:14px;font-weight:500;margin:0}.error-container,.loading-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;justify-content:center;margin:40px;min-height:400px;padding:60px}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f4f6;border-radius:50%;border-top-color:#7b3ff2;height:60px;margin-bottom:20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.error-container p,.loading-container p{color:#4a5568;font-size:18px;font-weight:600;margin:16px 0 0}.login-bottom-bar{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px #0000000d;margin-top:40px;padding:16px 32px}.bottom-bar-content{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin:0 auto;max-width:1400px}.bottom-bar-wipro-logo{height:32px;object-fit:contain}.bottom-bar-copyright{color:#6c757d;font-size:11px;font-weight:400}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-content{padding:24px 16px}.analytics-header{align-items:flex-start;flex-direction:column;gap:20px;padding:24px}.analytics-title{font-size:28px}.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{height:56px;width:56px}.stat-value{font-size:28px}.chart-card{padding:24px}.back-link{justify-content:center;width:100%}}.analytics-wrapper::-webkit-scrollbar{width:12px}.analytics-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.analytics-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7b3ff2,#c8102e);border-radius:6px}.analytics-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6030d8,#b00f28)}.analytics-wrapper{background-color:#f9fafb;min-height:100vh}.screen-time-page{background-color:#f9fafb;min-height:calc(100vh - 60px);padding:24px}.dashboards-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.analytics-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px;position:relative;transition:box-shadow .3s ease}.dashboards-row .analytics-card{margin-bottom:0}.analytics-card:hover{box-shadow:0 4px 12px #0000001a}.card-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#1f2937;font-size:18px;font-weight:600}.filter-group{background-color:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:4px}.filter-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background-color:#e5e7eb;color:#1f2937}.filter-btn.active{background-color:#7b3ff2;box-shadow:0 2px 4px #7b3ff24d;color:#fff}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-type-group{background-color:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:4px}.filter-type-btn{background-color:initial;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.filter-type-btn:hover{background-color:#e5e7eb;color:#374151}.filter-type-btn.active{background-color:#7b3ff2;box-shadow:0 2px 4px #7b3ff233;color:#fff}.date-selector,.month-selector,.week-selector{align-items:center;display:flex;gap:8px}.date-selector input,.month-selector>div,.week-selector>div{min-width:150px}.date-input{border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.date-input:focus,.date-input:hover{border-color:#7b3ff2}.date-input:focus{box-shadow:0 0 0 3px #7b3ff21a;outline:none}.month-select,.week-select{min-width:150px}.group-selector{align-items:center;display:flex;min-width:220px}.group-select{flex:1 1;min-width:180px}.chart-container{min-height:320px;padding:16px 0}.back-link{align-items:center;background:#7b3ff2;border-radius:8px;box-shadow:0 2px 4px #7b3ff24d;color:#fff;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#6929d4;box-shadow:0 4px 8px #7b3ff266;transform:translateY(-2px)}@media (max-width:768px){.dashboards-row{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}.filter-group{justify-content:space-between;width:100%}.filter-btn{flex:1 1;font-size:13px;padding:8px 12px}.filters-row{align-items:flex-start;flex-direction:column;width:100%}.group-select,.group-selector{width:100%}.analytics-card,.screen-time-page{padding:16px}.chart-container{min-height:280px}}@media (max-width:480px){.card-title{font-size:16px}.filter-btn{font-size:12px;padding:6px 10px}.back-link{font-size:13px;padding:8px 16px}}.chart-container>div{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recharts-tooltip-wrapper{z-index:1000}.recharts-legend-wrapper{padding-top:16px}.recharts-legend-item-text{color:#6b7280!important;font-size:13px!important}.download-button-container{bottom:20px;position:absolute;right:20px;z-index:10}.download-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.download-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.download-btn:active{box-shadow:0 2px 4px #667eea4d;transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.group-selector div[style*="overflowY: auto"]::-webkit-scrollbar{width:8px}.group-selector div[style*="overflowY: auto"]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.group-selector div[style*="overflowY: auto"]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.group-selector div[style*="overflowY: auto"]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.card-title-icon{align-items:center;display:flex}.header-icon-purple{color:#7b3ff2;margin-right:12px}.header-icon-green{color:#10b981;margin-right:8px}.header-icon-blue{color:#3b82f6;margin-right:8px}.back-arrow-icon{margin-right:8px}.loading-container{color:#6b7280;padding:40px;text-align:center}.loading-title{font-size:18px;margin-bottom:8px}.loading-subtitle{font-size:14px}.error-container{background-color:#fee2e2;border-radius:8px;color:#ef4444;margin:20px;padding:40px;text-align:center}.error-title{font-size:18px;font-weight:600;margin-bottom:8px}.error-message{font-size:14px}.filter-label{color:#6b7280;font-size:14px;margin-right:8px}.filter-label-bold,.filter-label-nowrap{color:#6b7280;font-size:14px;font-weight:500}.filter-label-nowrap{white-space:nowrap}.date-range-container{align-items:center;display:flex;gap:16px}.date-group{align-items:center;display:flex;gap:8px}.chart-xaxis{font-size:11px}.chart-yaxis{font-size:12px}.custom-tooltip{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #0000001a}.feedback-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.feedback-title{align-items:center;display:flex}.feedback-emoji{font-size:24px;margin-right:8px}.filters-column{flex-direction:column;gap:12px}.dropdown-container,.dropdown-container-width{flex:1 1;position:relative}.dropdown-container-width{min-width:280px}.track-dropdown-container{flex:1 1;min-width:250px;position:relative}.sbu-dropdown-container{flex:1 1;min-width:220px;position:relative}.dropdown-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease;width:100%}.dropdown-button:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dropdown-button.green:hover{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.dropdown-button.red:hover{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.dropdown-label{color:#9ca3af;font-size:14px;font-weight:500}.dropdown-label.selected{color:#1f2937}.dropdown-arrow{color:#6b7280;font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .2s ease;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-menu.small{max-height:250px}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dropdown-select-all{align-items:center;background-color:#f9fafb;border-bottom:2px solid #e5e7eb;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dropdown-select-all:hover{background-color:#e5e7eb}.dropdown-select-all.blue:hover{background-color:#dbeafe}.dropdown-select-all.green:hover{background-color:#d1fae5}.dropdown-select-all.red:hover{background-color:#fee2e2}.dropdown-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.dropdown-checkbox.green{accent-color:#10b981}.dropdown-checkbox.red{accent-color:#ef4444}.dropdown-item{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background-color .15s ease}.dropdown-item.selected{background-color:#eff6ff}.dropdown-item.selected.green{background-color:#f0fdf4}.dropdown-item.selected.red{background-color:#fef2f2}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.selected:hover{background-color:#eff6ff}.dropdown-item.selected.green:hover{background-color:#f0fdf4}.dropdown-item.selected.red:hover{background-color:#fef2f2}.dropdown-item-label{color:#374151;font-size:14px;font-weight:400}.dropdown-item-label.selected{font-weight:500}.dropdown-select-all-label{color:#1f2937;font-size:14px}.sbu-selector,.track-selector{align-items:center;display:flex;gap:8px;margin-right:16px;position:relative}.track-selector{min-width:250px}.sbu-selector{min-width:220px}@media (max-width:768px){.feedback-grid{grid-template-columns:1fr}.dropdown-container-width,.sbu-dropdown-container,.sbu-selector,.track-dropdown-container,.track-selector{min-width:0;min-width:auto;width:100%}}.emoji-title-negative,.emoji-title-positive{align-items:center;display:flex}.date-label{color:#6b7280;font-size:14px;font-weight:500}.dropdown-button-positive{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.dropdown-button-positive:hover{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.dropdown-button-negative{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.dropdown-button-negative:hover{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.dropdown-button-sbu,.dropdown-button-track{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.dropdown-button-sbu:hover,.dropdown-button-track:hover{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}
/*# sourceMappingURL=main.d0df95a5.css.map*/