:root{--light-bg-primary: #f8fafc;--light-bg-secondary: #ffffff;--light-bg-tertiary: #f1f5f9;--light-bg-accent: rgba(79, 70, 229, .08);--light-text-primary: #0f172a;--light-text-secondary: #475569;--light-border: #e2e8f0;--light-accent: #4f46e5;--light-accent-hover: #4338ca;--light-accent-muted: #818cf8;--light-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);--light-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--light-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--light-shadow-accent: 0 10px 15px -3px rgba(79, 70, 229, .2), 0 4px 6px -4px rgba(79, 70, 229, .15);--light-card-bg: #ffffff;--light-success: #10b981;--light-warning: #f59e0b;--light-error: #ef4444;--light-info: #3b82f6;--dark-bg-primary: #0f172a;--dark-bg-secondary: #1e293b;--dark-bg-tertiary: #334155;--dark-bg-accent: rgba(99, 102, 241, .15);--dark-text-primary: #f1f5f9;--dark-text-secondary: #94a3b8;--dark-border: #334155;--dark-accent: #6366f1;--dark-accent-hover: #4f46e5;--dark-accent-muted: #818cf8;--dark-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .15);--dark-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .2);--dark-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .25);--dark-shadow-accent: 0 10px 15px -3px rgba(99, 102, 241, .25), 0 4px 6px -4px rgba(99, 102, 241, .2);--dark-card-bg: #1e293b;--dark-success: #059669;--dark-warning: #d97706;--dark-error: #dc2626;--dark-info: #2563eb;--gradient-primary: linear-gradient(135deg, #4f46e5, #6366f1);--gradient-primary-hover: linear-gradient(135deg, #4338ca, #4f46e5);--gradient-success: linear-gradient(135deg, #10b981, #06b6d4);--gradient-warning: linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-danger: linear-gradient(135deg, #ef4444, #f43f5e);--gradient-cool: linear-gradient(135deg, #3b82f6, #06b6d4);--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--bg-accent: var(--light-bg-accent);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--border-color: var(--light-border);--accent-color: var(--light-accent);--accent-hover: var(--light-accent-hover);--accent-muted: var(--light-accent-muted);--box-shadow: var(--light-shadow);--box-shadow-md: var(--light-shadow-md);--box-shadow-lg: var(--light-shadow-lg);--box-shadow-accent: var(--light-shadow-accent);--card-bg: var(--light-card-bg);--success-color: var(--light-success);--warning-color: var(--light-warning);--error-color: var(--light-error);--info-color: var(--light-info);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .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;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}.dark-theme{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--bg-accent: var(--dark-bg-accent);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--border-color: var(--dark-border);--accent-color: var(--dark-accent);--accent-hover: var(--dark-accent-hover);--accent-muted: var(--dark-accent-muted);--box-shadow: var(--dark-shadow);--box-shadow-md: var(--dark-shadow-md);--box-shadow-lg: var(--dark-shadow-lg);--box-shadow-accent: var(--dark-shadow-accent);--card-bg: var(--dark-card-bg);--success-color: var(--dark-success);--warning-color: var(--dark-warning);--error-color: var(--dark-error);--info-color: var(--dark-info)}@media (prefers-color-scheme: dark){:root:not(.light-theme){color-scheme:dark}}@media (prefers-color-scheme: light){:root:not(.dark-theme){color-scheme:light}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth;height:100%}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-md);font-weight:600;line-height:1.2;letter-spacing:-.01em}h1{font-size:var(--font-size-4xl);letter-spacing:-.02em}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--space-md)}small{font-size:var(--font-size-sm)}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--space-md))}.col{padding:0 var(--space-md);flex:1 1 0;min-width:0}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-around{justify-content:space-around}.align-items-end{align-items:flex-end}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}img,svg,video,canvas,iframe{max-width:100%;height:auto}*,*:before,*:after{min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:var(--font-size-md);font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-lg);transition:all .2s ease;position:relative;overflow:hidden;background-color:var(--bg-tertiary);color:var(--text-primary)}.btn:hover{background-color:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn:focus{outline:none;box-shadow:0 0 0 3px #4f46e540}.btn-primary:hover{background-image:var(--gradient-primary-hover);box-shadow:var(--box-shadow-accent),0 0 0 .25rem #4f46e540;transform:translateY(-2px)}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%);transform:rotate(45deg);transition:all .5s ease}.btn-shine:hover:after{transform:rotate(45deg) translate(80%,80%)}.card{background-color:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--box-shadow);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-theme .card{border-color:#ffffff08;background-color:#1e293bb3}.card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.card-body{padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-label{display:flex;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-primary)}.form-control{display:block;width:100%;padding:.75rem 1rem;font-size:var(--font-size-md);line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px #4f46e526}.form-control::placeholder{color:var(--text-secondary);opacity:.7}.select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;pointer-events:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;font-size:var(--font-size-xs);font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background-color:var(--accent-color);color:#fff}.badge-success{background-color:var(--success-color);color:#fff}.badge-warning{background-color:var(--warning-color);color:#fff}.badge-danger{background-color:var(--error-color);color:#fff}.badge-info{background-color:var(--info-color);color:#fff}.badge-outline{background-color:transparent;border:1px solid currentColor}.pulse-badge{position:relative}.pulse-badge:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;animation:badge-pulse 1.5s infinite;box-shadow:0 0 0 0 var(--success-color)}@keyframes badge-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--error-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--accent-color)}.bg-accent-light{background-color:var(--bg-accent)}.text-gradient{background-clip:text;-webkit-background-clip:text;color:transparent}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-xs)}.ml-2{margin-left:var(--space-sm)}.ml-3{margin-left:var(--space-md)}.ml-4{margin-left:var(--space-lg)}.ml-5{margin-left:var(--space-xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-xs)}.mr-2{margin-right:var(--space-sm)}.mr-3{margin-right:var(--space-md)}.mr-4{margin-right:var(--space-lg)}.mr-5{margin-right:var(--space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.border{border:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}.border-bottom{border-bottom:1px solid var(--border-color)}.app{min-height:100vh;display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform .3s ease;overflow:hidden}.sidebar:hover{overflow-y:auto}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);min-height:70px;display:flex;align-items:center}.sidebar-logo{height:30px;width:auto;object-fit:contain}.sidebar-user{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.user-container{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-sm)}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.avatar-img{width:100%;height:100%;object-fit:cover}.user-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badge{font-size:var(--font-size-xs);color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--success-color);position:relative}.status-indicator.online:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background-color:var(--success-color);opacity:.4;animation:pulse 2s infinite}.sidebar-search{padding:var(--space-md) var(--space-lg)}.search-container{position:relative}.search-input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4f46e526}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.sidebar-menu{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto}.sidebar-menu-header{padding:var(--space-md) var(--space-lg) var(--space-xs);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.sidebar-menu-item{padding:0 var(--space-md)}.sidebar-menu-link{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all .2s ease;font-weight:500;gap:var(--space-sm)}.sidebar-menu-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.sidebar-menu-icon{width:20px;text-align:center}.sidebar-menu-text{flex-grow:1}.sidebar-footer{padding:var(--space-lg);margin-top:auto}.upgrade-card{background-color:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-lg);position:relative;overflow:hidden}.upgrade-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:.2;top:-50px;right:-50px}.upgrade-title{margin-bottom:var(--space-xs);position:relative;z-index:1}.upgrade-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);position:relative;z-index:1}.content-with-sidebar{flex-grow:1;margin-left:280px;transition:margin-left .3s ease;background-color:var(--bg-primary)}.navbar{position:sticky;top:0;background-color:rgba(var(--bg-secondary),.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:var(--space-sm) 0;z-index:var(--z-sticky);height:70px}.navbar-brand{display:flex;align-items:center}.navbar-brand-logo{height:36px;width:auto}.navbar-brand-text{font-weight:700;font-size:var(--font-size-xl);margin-left:var(--space-sm)}.navbar-brand-highlight{background-image:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:transparent}.nav-link{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-weight:500;transition:all .2s ease;border-radius:var(--radius-md)}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active{color:var(--accent-color);background-color:var(--bg-accent)}.sidebar-toggle{width:40px;height:40px;border:none;background:transparent;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-switch{width:40px;height:40px;border:none;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.theme-switch:hover{color:var(--text-primary);transform:translateY(-2px)}.user-menu{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.user-menu:hover{background-color:var(--bg-tertiary)}.user-menu-arrow{font-size:var(--font-size-xs);color:var(--text-secondary)}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-color);position:relative}.pulse-dot:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background-color:var(--accent-color);opacity:.4;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.5);opacity:0}to{transform:scale(.95);opacity:0}}.notification-badge{position:absolute;top:0;right:0;background-color:var(--error-color);color:#fff;border-radius:50%;font-size:.6rem;font-weight:600;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transform:translate(25%,-25%)}.notification-dropdown{position:absolute;top:100%;right:0;width:320px;background-color:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--box-shadow-lg);border:1px solid var(--border-color);z-index:var(--z-dropdown);margin-top:var(--space-md);overflow:hidden;animation:fadeInDown .3s ease}.notification-list{max-height:320px;overflow-y:auto}.notification-item{padding:var(--space-md);border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;gap:var(--space-md)}.notification-icon{margin-top:var(--space-xs)}.notification-content{flex-grow:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{padding:var(--space-xl) 0;margin-bottom:var(--space-lg)}.dashboard-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-xs);position:relative;display:inline-block}.dashboard-title .highlight{position:relative;color:var(--accent-color)}.dashboard-title .highlight:after{content:"";position:absolute;bottom:.1em;left:0;width:100%;height:.2em;background-color:var(--bg-accent);z-index:-1;border-radius:var(--radius-sm)}.dashboard-subtitle{color:var(--text-secondary);margin-bottom:0;max-width:700px}.dashboard-content{padding-bottom:var(--space-2xl)}.filter-section{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);background-color:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-xl);box-shadow:var(--box-shadow)}.search-container{flex-grow:1;max-width:500px}.sort-container{display:flex;align-items:center;gap:var(--space-sm)}.sort-label{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.sort-select{padding:.5rem 2rem .5rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.category-filter{margin-bottom:var(--space-xl);overflow-x:auto;padding-bottom:var(--space-sm);scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-buttons{display:flex;gap:var(--space-sm);min-width:max-content}.category-button{padding:.5rem 1rem;border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-button:hover{background-color:var(--bg-accent);color:var(--accent-color)}.category-button.active{background-color:var(--accent-color);color:#fff}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-title{font-weight:600;margin-bottom:0}.section-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--accent-color);font-weight:500;font-size:var(--font-size-sm)}.section-header.with-toggle{margin-top:var(--space-2xl)}.view-toggle{display:flex;gap:var(--space-xs)}.view-toggle-button{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--bg-tertiary);color:var(--text-secondary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-toggle-button:hover{color:var(--text-primary)}.view-toggle-button.active{background-color:var(--accent-color);color:#fff}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.agents-grid.featured{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.agents-list{display:flex;flex-direction:column;gap:var(--space-md)}.agent-list-item{width:100%}.agent-card{position:relative;display:flex;flex-direction:column;height:100%}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-image:var(--gradient-primary);opacity:.9;transition:height .3s ease;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.agent-card:hover:before{height:6px}.agent-status{position:absolute;top:1rem;right:1rem;z-index:1;display:flex;gap:var(--space-sm)}.agent-card-icon{border-radius:var(--radius-lg);background-color:var(--bg-accent);color:var(--accent-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:48px;height:48px;font-size:1.25rem}.agent-card-icon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%)}.agent-card-title{font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.agent-card-description{color:var(--text-secondary);margin-bottom:var(--space-lg);flex-grow:1}.agent-stats{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.agent-stat{display:flex;align-items:center;gap:var(--space-xs)}.agent-feature-list{list-style:none;padding:0;margin:0 0 var(--space-lg) 0}.agent-feature-item{display:flex;align-items:flex-start;margin-bottom:var(--space-sm);color:var(--text-secondary)}.agent-feature-item-icon{color:var(--accent-color);margin-right:var(--space-sm);flex-shrink:0;margin-top:.25rem}.agent-feature-more{padding-left:1.5rem;color:var(--text-secondary);font-size:var(--font-size-sm)}.agent-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.agent-tag{padding:.25rem .75rem;border-radius:var(--radius-full);background-color:var(--bg-accent);color:var(--accent-color);font-size:var(--font-size-xs);font-weight:500}.agent-users-preview{margin-bottom:var(--space-lg)}.agent-avatars{display:flex;align-items:center}.agent-avatar-small{width:30px;height:30px;border-radius:50%;border:2px solid var(--card-bg);overflow:hidden;margin-right:-10px}.agent-avatar-more{width:30px;height:30px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg);margin-left:5px}.agent-hire-button{background-image:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:.75rem 1.5rem;font-weight:600;transition:all .3s ease;box-shadow:var(--box-shadow-accent);position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center}.agent-hire-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.performance-bar{height:6px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.performance-bar-fill{height:100%;border-radius:var(--radius-full);background-image:var(--gradient-primary);transition:width 1s ease}.performance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.agent-performance{margin-bottom:var(--space-lg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);animation:fadeIn .2s ease}.modal-container{background-color:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--box-shadow-lg);width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .3s ease}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-close-button{width:36px;height:36px;border-radius:50%;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;margin-left:auto;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-subtitle{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);color:var(--text-secondary);margin-bottom:0}.dot-separator{width:4px;height:4px;border-radius:50%;background-color:var(--text-secondary)}.modal-body{padding:var(--space-lg);overflow-y:auto;flex-grow:1}.agent-description,.agent-features{margin-bottom:var(--space-lg)}.agent-configuration{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg)}.configuration-form{display:flex;flex-direction:column;gap:var(--space-md)}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 991px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.content-with-sidebar{margin-left:0!important}.sidebar-toggle{display:flex}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 767px){.filter-section{flex-direction:column;align-items:stretch}.search-container{max-width:none}.dashboard-header{padding:var(--space-lg) 0}.dashboard-title{font-size:var(--font-size-2xl)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.section-header.with-toggle{flex-direction:row;align-items:center}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar-logo{height:30px;transition:filter .3s ease}.sidebar-header{display:flex;justify-content:center;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color);min-height:70px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;overflow:hidden;box-shadow:var(--box-shadow)}.dark-theme .sidebar{background-color:#1e293bf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.05)}.sidebar-logo{transition:filter .3s ease,transform .3s ease}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-menu-item{padding:0 var(--space-md);margin-bottom:4px}.sidebar-menu-link{display:flex;align-items:center;padding:.75rem var(--space-md);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all .2s ease;font-weight:500;gap:var(--space-sm);position:relative;overflow:hidden}.sidebar-menu-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary);transform:translate(4px)}.sidebar-menu-link.active{color:#fff;background-image:var(--gradient-primary);box-shadow:var(--box-shadow-accent)}.sidebar-menu-link.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);transform:translate(-100%);animation:shine 2s infinite}@keyframes shine{to{transform:translate(100%)}}.sidebar-menu-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg);background-color:var(--bg-tertiary);transition:all .2s ease}.sidebar-menu-link:hover .sidebar-menu-icon-wrapper{background-color:var(--bg-accent);color:var(--accent-color)}.sidebar-menu-link.active .sidebar-menu-icon-wrapper{background-color:#fff3;color:#fff}.sidebar-menu-text{flex-grow:1;transition:transform .2s ease}.sidebar-menu-link:hover .sidebar-menu-text{transform:translate(4px)}.sidebar-footer{padding:var(--space-lg);margin-top:auto;border-top:1px solid var(--border-color)}.user-profile{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-sm);margin-bottom:var(--space-lg);transition:transform .2s ease,box-shadow .2s ease;position:relative}.user-profile:hover{transform:translateY(-2px);box-shadow:var(--box-shadow)}.user-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;border:2px solid rgba(255,255,255,.1)}.avatar-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.user-profile:hover .avatar-img{transform:scale(1.08)}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--success-color);position:absolute;bottom:0;right:0;border:2px solid var(--bg-tertiary)}.user-info{flex-grow:1;min-width:0}.user-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);transition:color .2s ease}.user-profile:hover .user-name{color:var(--accent-color)}.user-badge{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:4px}.user-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--accent-color)}.user-menu-toggle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.user-menu-toggle:hover{background-color:var(--bg-accent);color:var(--accent-color)}.upgrade-card{border-radius:var(--radius-xl);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.upgrade-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.upgrade-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,rgba(79,70,229,.2) 0%,rgba(99,102,241,.3) 100%);z-index:0;transform-origin:top right;transition:transform .5s ease}.dark-theme .upgrade-background{background:linear-gradient(120deg,rgba(79,70,229,.2) 0%,rgba(99,102,241,.15) 100%)}.upgrade-card:hover .upgrade-background{transform:scale(1.1) rotate(-2deg)}.upgrade-content{position:relative;z-index:1;padding:var(--space-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-xl)}.upgrade-title{margin-bottom:var(--space-xs);position:relative;z-index:1;font-weight:600;display:inline-block;background-image:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:transparent}.agents-carousel{position:relative;margin:0 -1rem}.agents-carousel-inner{scrollbar-width:none;-ms-overflow-style:none;padding:0 1rem}.agents-carousel-inner::-webkit-scrollbar{display:none}.attention-item .agent-card-icon{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:var(--radius-lg);background-color:var(--bg-accent);color:var(--accent-color)}.activity-item{transition:background-color .2s ease;border-radius:var(--radius-lg);padding:.5rem}.activity-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);background-color:var(--bg-accent);color:var(--accent-color)}.dashboard-view .card-body{display:flex;flex-direction:column}.h-100{height:100%}.agents-carousel .agent-card{transition:all .3s ease}.agents-carousel .agent-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.agents-carousel .agent-card-title{font-size:1.1rem;margin-bottom:.5rem}.agents-carousel .agent-card-description{font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.agents-carousel:before,.agents-carousel:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:1}.agents-carousel:before{left:0;background:linear-gradient(to right,var(--bg-secondary) 0%,transparent 100%)}.agents-carousel:after{right:0;background:linear-gradient(to left,var(--bg-secondary) 0%,transparent 100%)}.dashboard-view .card-title{font-weight:600;display:flex;align-items:center}.dashboard-view .card-title:before{content:"";display:inline-block;width:4px;height:18px;background-color:var(--accent-color);margin-right:10px;border-radius:2px}@media (max-width: 768px){.agents-carousel-inner{padding:0 .5rem;scroll-snap-type:x mandatory}.agents-carousel-inner>div{scroll-snap-align:start}}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.flex-grow-1{flex-grow:1}.mb-1{margin-bottom:var(--space-xs)!important}.mb-2{margin-bottom:var(--space-sm)!important}.mb-3{margin-bottom:var(--space-md)!important}.mb-4{margin-bottom:var(--space-lg)!important}.mb-5{margin-bottom:var(--space-xl)!important}.mr-1{margin-right:var(--space-xs)!important}.mr-2{margin-right:var(--space-sm)!important}.mr-3{margin-right:var(--space-md)!important}.mr-4{margin-right:var(--space-lg)!important}.mr-5{margin-right:var(--space-xl)!important}.ml-1{margin-left:var(--space-xs)!important}.ml-2{margin-left:var(--space-sm)!important}.ml-3{margin-left:var(--space-md)!important}.ml-4{margin-left:var(--space-lg)!important}.ml-5{margin-left:var(--space-xl)!important}.py-3{padding-top:var(--space-md)!important;padding-bottom:var(--space-md)!important}.py-4{padding-top:var(--space-lg)!important;padding-bottom:var(--space-lg)!important}.col-lg-6{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.btn-block{display:block;width:100%}.btn-sm{padding:.25rem .5rem;font-size:var(--font-size-sm);border-radius:var(--radius-md)}.font-medium{font-weight:500}.badge{display:inline-flex;align-items:center;justify-content:center}.active-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.active-agent-card{background-color:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;position:relative;transition:all .3s ease;border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.active-agent-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-md);border-color:var(--accent-color)}.active-agent-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.active-agent-category{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.active-agent-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.active-agent-stat{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.widget-title{font-weight:600;font-size:1.1rem;letter-spacing:-.01em}@media (max-width: 768px){.active-agents-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.agent-dashboard-container{margin-bottom:2rem}.agent-detail-metrics{display:grid;gap:1.5rem;margin-bottom:1.5rem}.agent-detail-metric{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.active-agent-card:after{content:"View Dashboard";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--accent-color),.9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--radius-xl);opacity:0;transition:opacity .3s ease}.active-agent-card:hover:after{opacity:1}.active-agent-card:hover .badge{z-index:2}.btn-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.btn-icon:hover{transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn-danger{background-color:var(--error-color);color:#fff;border:none}.btn-danger:hover{background-color:var(--error-color);opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}.btn-icon:active{animation:shake .3s}.gap-2{gap:.5rem}.modal-overlay{z-index:9999}.metrics-vertical-list{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;height:100%;box-shadow:var(--box-shadow)}.vertical-metric-card{padding:1rem;border-radius:8px;transition:all .3s ease;margin-bottom:1.5rem}.vertical-metric-card:hover{background-color:var(--bg-tertiary)}.vertical-metric-card .metric-icon{font-size:24px;color:var(--text-primary);margin-bottom:.75rem}.vertical-metric-card .metric-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.vertical-metric-card .metric-label{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.vertical-metric-card .metric-trend{font-size:.85rem;display:flex;align-items:center;gap:.25rem}.trend-positive{color:var(--success-color)}.trend-negative{color:var(--error-color)}.trend-neutral{color:var(--text-secondary)}.team-performance-table th{font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.team-performance-table td{vertical-align:middle;padding:.75rem 1rem}@media (max-width: 992px){.metrics-vertical-list{margin-bottom:2rem}.dashboard-layout{flex-direction:column}}.metric-trend i{font-size:12px}.metric-trend.trend-positive{color:var(--success-color)}.metric-trend.trend-negative{color:var(--error-color)}.toast-notification.toast-success{border-left-color:var(--success-color)}.toast-success .toast-progress-bar{background:var(--success-color)}.agent-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background-color:var(--bg-accent);color:var(--accent-color)}.col-lg-6{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width: 992px){.col-lg-6{flex:0 0 50%;max-width:50%}}.activity-item{transition:background-color .2s ease;border-radius:var(--radius-lg);padding:.75rem}.activity-item:hover{background-color:var(--bg-tertiary)}.activity-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--bg-accent);color:var(--accent-color)}.activity-icon.text-success{background-color:#10b9811a;color:var(--success-color)}.activity-icon.text-warning{background-color:#f59e0b1a;color:var(--warning-color)}.activity-icon.text-info{background-color:#3b82f61a;color:var(--info-color)}.activity-icon.text-danger{background-color:#ef44441a;color:var(--error-color)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;text-align:center;vertical-align:middle;cursor:pointer;padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem;transition:all .15s ease;border:1px solid transparent}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-tertiary)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-block{display:flex;width:100%}.badge{display:inline-flex;align-items:center;padding:0}.performance-indicator{margin-bottom:1rem}.performance-bar{height:6px;background-color:var(--bg-tertiary);border-radius:999px;overflow:hidden}.performance-bar-fill{height:100%;border-radius:999px;background-image:var(--gradient-primary);transition:width 1s ease}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:transparent}.badge{display:inline-flex;align-items:center;padding:.35rem .65rem;font-size:.75rem;font-weight:600;border-radius:9999px;line-height:1}.badge-success{background-color:#10b9811a;color:var(--success-color)}.badge-warning{background-color:#f59e0b1a;color:var(--warning-color)}.badge-danger{background-color:#ef44441a;color:var(--error-color)}.badge-info{background-color:#3b82f61a;color:var(--info-color)}.coming-soon-badge{position:absolute;top:1rem;right:1rem;background-color:var(--error-color);color:#fff;padding:.35rem .65rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;z-index:2;box-shadow:var(--box-shadow)}.agent-hire-button.locked{background-image:none;background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.agent-hire-button.locked:hover{transform:none;box-shadow:none}hr{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.w-100{width:100%!important}.w-75{width:75%!important}.w-50{width:50%!important}.w-25{width:25%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.h-75{height:75%!important}.h-50{height:50%!important}.h-25{height:25%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-w-0{min-width:0!important}.min-h-0{min-height:0!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-accent{color:var(--accent-color)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-danger{color:var(--error-color)!important}.text-info{color:var(--info-color)!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-medium{font-weight:500!important}.font-weight-semibold{font-weight:600!important}.font-weight-light{font-weight:300!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-md{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-4xl{font-size:2.25rem!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.position-static{position:static!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.right-0{right:0!important}.border{border:1px solid var(--border-color)!important}.border-top{border-top:1px solid var(--border-color)!important}.border-bottom{border-bottom:1px solid var(--border-color)!important}.border-left{border-left:1px solid var(--border-color)!important}.border-right{border-right:1px solid var(--border-color)!important}.border-0{border:0!important}.rounded{border-radius:.25rem!important}.rounded-sm{border-radius:.125rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-full{border-radius:9999px!important}.rounded-0{border-radius:0!important}@media (min-width: 576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-auto{z-index:auto!important}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col{position:relative;width:100%;padding-right:15px;padding-left:15px;flex-basis:0;flex-grow:1;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width: 576px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width: 768px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width: 992px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width: 1200px){.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}}:root{--toast-success-color: #10b981;--toast-error-color: #ef4444;--toast-warning-color: #f59e0b;--toast-info-color: #3b82f6;--toast-neutral-color: #6b7280;--toast-bg: #ffffff;--toast-bg-hover: #f9fafb;--toast-text: #1f2937;--toast-text-secondary: #4b5563;--toast-border: #e5e7eb;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--toast-shadow-hover: 0 8px 16px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--toast-show-duration: .5s;--toast-hide-duration: .5s;--toast-transition: cubic-bezier(.16, 1, .3, 1);--toast-stagger-delay: 50ms}@media (prefers-color-scheme: dark){:root{--toast-bg: #1f2937;--toast-bg-hover: #273548;--toast-text: #f3f4f6;--toast-text-secondary: #d1d5db;--toast-border: #374151;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .1);--toast-shadow-hover: 0 8px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .1)}}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:380px;width:calc(100% - 32px);pointer-events:none;padding:16px}.toast-container.position-top-right{top:0;right:0;align-items:flex-end}.toast-container.position-top-left{top:0;left:0;align-items:flex-start}.toast-container.position-bottom-right{bottom:0;right:0;align-items:flex-end}.toast-container.position-bottom-left{bottom:0;left:0;align-items:flex-start}.toast-container.position-top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.toast-container.position-bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center}.toast-notification{display:flex;align-items:flex-start;background:var(--toast-bg);border-radius:12px;box-shadow:var(--toast-shadow);padding:16px;position:relative;overflow:hidden;width:100%;max-width:100%;border-left:4px solid var(--toast-neutral-color);transition:all .2s ease;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toast-notification:hover{box-shadow:var(--toast-shadow-hover);background:var(--toast-bg-hover)}.position-top-right .toast-notification,.position-top-center .toast-notification{animation:slideInRight var(--toast-show-duration) var(--toast-transition) forwards,slideOutRight var(--toast-hide-duration) var(--toast-transition) forwards var(--toast-duration);transform-origin:top center}.position-top-left .toast-notification{animation:slideInLeft var(--toast-show-duration) var(--toast-transition) forwards,slideOutLeft var(--toast-hide-duration) var(--toast-transition) forwards var(--toast-duration);transform-origin:left center}.position-bottom-center .toast-notification{animation:slideInUp var(--toast-show-duration) var(--toast-transition) forwards,fadeOut var(--toast-hide-duration) var(--toast-transition) forwards var(--toast-duration);transform-origin:bottom center}.position-bottom-right .toast-notification{animation:slideInRight var(--toast-show-duration) var(--toast-transition) forwards,slideOutRight var(--toast-hide-duration) var(--toast-transition) forwards var(--toast-duration);transform-origin:bottom center}.position-bottom-left .toast-notification{animation:slideInLeft var(--toast-show-duration) var(--toast-transition) forwards,slideOutLeft var(--toast-hide-duration) var(--toast-transition) forwards var(--toast-duration);transform-origin:left center}.toast-notification.success{border-left-color:var(--toast-success-color)}.toast-notification.error{border-left-color:var(--toast-error-color)}.toast-notification.warning{border-left-color:var(--toast-warning-color)}.toast-notification.info{border-left-color:var(--toast-info-color)}.toast-icon{margin-right:14px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%}.toast-notification.error .toast-icon{color:var(--toast-error-color)}.toast-notification.warning .toast-icon{color:var(--toast-warning-color)}.toast-notification.info .toast-icon{color:var(--toast-info-color)}.toast-notification.success{color:var(--toast-success-color)}.toast-notification.error{color:var(--toast-error-color)}.toast-notification.warning{color:var(--toast-warning-color)}.toast-notification.info{color:var(--toast-info-color)}.toast-notification.success .toast-close,.toast-notification.success .toast-close:hover{color:var(--toast-success-color)}.toast-notification.error .toast-close,.toast-notification.error .toast-close:hover{color:var(--toast-error-color)}.toast-notification.success .toast-icon{color:var(--toast-success-color)}.toast-content{flex:1;padding-right:24px;color:var(--toast-text)}.toast-title{font-weight:600;font-size:14px;margin-bottom:4px;line-height:1.3}.toast-message{font-size:13px;line-height:1.5;color:var(--toast-text-secondary)}.toast-action{margin-top:10px;padding:6px 12px;background:transparent;border:1px solid currentColor;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start;color:inherit}.toast-notification.success .toast-action{color:var(--toast-success-color)}.toast-notification.error .toast-action{color:var(--toast-error-color)}.toast-notification.warning .toast-action{color:var(--toast-warning-color)}.toast-notification.info .toast-action{color:var(--toast-info-color)}.toast-action:hover{opacity:.85;transform:translateY(-1px)}.toast-close{background:transparent;border:none;color:var(--toast-text-secondary);cursor:pointer;font-size:13px;line-height:1;padding:6px;position:absolute;right:8px;top:8px;transition:all .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-close:hover{background-color:#0000000d;color:var(--toast-text)}.toast-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(0,0,0,.06)}.toast-progress-bar{height:100%;width:100%;transform-origin:left;animation:progress-shrink linear forwards}.toast-notification.success .toast-progress-bar{background:var(--toast-success-color)}.toast-notification.error .toast-progress-bar{background:var(--toast-error-color)}.toast-notification.warning .toast-progress-bar{background:var(--toast-warning-color)}.toast-notification.info .toast-progress-bar{background:var(--toast-info-color)}@keyframes slideInDown{0%{transform:translateY(-16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-16px) scale(.98);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(16px) scale(.98);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideInUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:scale(.96)}}@keyframes progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 480px){.toast-container{max-width:100%;width:100%;padding:12px}.toast-notification{border-radius:8px;padding:12px}.toast-icon{margin-right:10px;font-size:16px}.toast-message{font-size:12px}}.toast-action:focus,.toast-close:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes slideOutRight{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.98);opacity:0}}@keyframes slideOutLeft{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-100%) scale(.98);opacity:0}}.toast-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999;pointer-events:none}:root{--sidebar-width: 280px;--sidebar-collapsed-width: 70px;--sidebar-bg: rgba(255, 255, 255, .96);--sidebar-border: rgba(226, 232, 240, .8);--card-bg: rgba(255, 255, 255, .9);--hover-bg: rgba(99, 102, 241, .06);--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #6366f1;--accent-hover: #4f46e5;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--glass-blur: 16px;--transition-speed: .2s;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}.dark-theme{--sidebar-bg: rgba(30, 41, 59, .96);--sidebar-border: rgba(255, 255, 255, .1);--card-bg: rgba(30, 41, 59, .9);--hover-bg: rgba(99, 102, 241, .12);--text-primary: #f9fafb;--text-secondary: #9ca3af;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4)}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:999;transition:transform var(--transition-speed) ease;overflow:hidden;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-lg)}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:3px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-sidebar-header{display:flex;justify-content:center;align-items:center;padding:1.5rem 1.25rem;border-bottom:1px solid var(--sidebar-border);min-height:70px}.app-sidebar-logo-container{display:flex;align-items:center;gap:.75rem}.app-sidebar-logo{height:30px;transition:transform var(--transition-speed) ease}.app-sidebar-logo:hover{transform:scale(1.05)}.logo-light-mode{filter:invert(1) brightness(0) contrast(100%)}.app-sidebar-nav{flex-grow:1;overflow-y:auto;padding:1rem 0}.app-sidebar-menu{list-style:none;padding:0;margin:0}.app-sidebar-menu-item{padding:0 .75rem;margin-bottom:.25rem}.app-sidebar-menu-link{display:flex;align-items:center;padding:.875rem 1rem;border-radius:12px;color:var(--text-secondary);transition:all var(--transition-speed) ease;font-weight:500;gap:.75rem;position:relative;text-decoration:none}.app-sidebar-menu-link:hover{color:var(--text-primary);background-color:var(--hover-bg);text-decoration:none;transform:translate(2px)}.app-sidebar-menu-link.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:var(--shadow-md);transform:translate(0)}.app-sidebar-menu-link.active:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:translate(0)}.app-sidebar-menu-active-indicator{position:absolute;right:-.75rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:white;border-radius:0 3px 3px 0}.app-sidebar-menu-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background-color:var(--card-bg);transition:all var(--transition-speed) ease}.app-sidebar-menu-link.color-blue .app-sidebar-menu-icon-wrapper{background:rgba(59,130,246,.1);color:#3b82f6}.app-sidebar-menu-link.color-purple .app-sidebar-menu-icon-wrapper{background:rgba(139,92,246,.1);color:#8b5cf6}.app-sidebar-menu-link.color-green .app-sidebar-menu-icon-wrapper{background:rgba(16,185,129,.1);color:#10b981}.app-sidebar-menu-link:hover .app-sidebar-menu-icon-wrapper{transform:scale(1.05)}.app-sidebar-menu-link.active .app-sidebar-menu-icon-wrapper{background:rgba(255,255,255,.2);color:#fff;transform:scale(1)}.app-sidebar-menu-content{flex-grow:1;min-width:0}.app-sidebar-menu-text{display:block;font-weight:600;margin-bottom:2px}.app-sidebar-menu-description{display:block;font-size:.75rem;color:var(--text-secondary);opacity:.7}.app-sidebar-menu-link.active .app-sidebar-menu-description{color:#fffc}.app-sidebar-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;font-size:.75rem;font-weight:600;min-width:24px;height:24px;padding:0 8px;border-radius:12px;box-shadow:var(--shadow-sm)}.app-sidebar-footer{padding:1rem 1.25rem 1.25rem;margin-top:auto;border-top:1px solid var(--sidebar-border)}.app-user-profile{display:flex;align-items:center;gap:.75rem;background-color:var(--card-bg);border-radius:12px;padding:.875rem;transition:all var(--transition-speed) ease;position:relative;box-shadow:var(--shadow-sm);background-clip:border-box}.app-user-profile:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);cursor:pointer}.app-user-avatar{width:44px;height:44px;border-radius:12px;flex-shrink:0;position:relative;box-shadow:var(--shadow-sm)}.app-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform var(--transition-speed) ease}.app-user-profile:hover .app-avatar-img{transform:scale(1.05)}.app-status-indicator{width:12px;height:12px;border-radius:50%;background-color:var(--success-color);position:absolute;top:-2px;right:-2px;border:2px solid var(--card-bg);box-shadow:0 0 0 2px var(--sidebar-bg);z-index:10}.app-user-info{flex-grow:1;min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.app-user-name{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:.125rem;text-align:center;letter-spacing:0}.app-user-badge{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem;margin-top:-1px}.app-user-badge i{color:var(--warning-color);font-size:.625rem}.app-user-menu-container{position:relative}.app-user-menu-toggle{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed) ease;pointer-events:auto}.app-user-menu-toggle:hover,.app-user-menu-toggle.active{background-color:var(--hover-bg);color:var(--accent-color)}.app-user-dropdown-menu{position:absolute;bottom:calc(100% + 8px);right:0;min-width:200px;background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-lg);padding:.5rem;z-index:1100;border:1px solid var(--sidebar-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.app-user-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid var(--sidebar-border);margin-bottom:.25rem}.app-user-dropdown-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.app-user-dropdown-item{display:flex;align-items:center;padding:.625rem .75rem;margin-bottom:.125rem;color:var(--text-secondary);transition:all var(--transition-speed) ease;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;gap:.75rem}.app-user-dropdown-item:last-child{margin-bottom:0}.app-user-dropdown-item:hover{color:var(--text-primary);background-color:var(--hover-bg);text-decoration:none}.app-user-dropdown-item i{font-size:.875rem;width:16px;text-align:center}.app-user-dropdown-item.color-blue:hover i{color:#3b82f6}.app-user-dropdown-item.color-green:hover i{color:var(--success-color)}.app-user-dropdown-item.color-gray:hover i{color:var(--text-secondary)}.app-user-dropdown-item.color-cyan:hover i{color:#06b6d4}.app-user-dropdown-item.color-red:hover i{color:var(--error-color)}@media (max-width: 991px){.app-sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.app-sidebar.sidebar-open{transform:translate(0)}.app-sidebar.sidebar-open:after{content:"";position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease;z-index:998}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.profile-menu-toggle{border-width:0;border-style:none}:root{--navbar-height: 79px;--navbar-bg: rgba(255, 255, 255, .96);--navbar-border: rgba(226, 232, 240, .8);--dropdown-bg: rgba(255, 255, 255, .9);--card-bg: rgba(255, 255, 255, .9);--hover-bg: rgba(99, 102, 241, .06);--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #6366f1;--accent-hover: #4f46e5;--success-color: #10b981;--info-color: #3b82f6;--warning-color: #f59e0b;--error-color: #ef4444;--glass-blur: 16px;--transition-speed: .2s;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}.dark-theme{--navbar-bg: rgba(30, 41, 59, .96);--navbar-border: rgba(255, 255, 255, .1);--dropdown-bg: rgba(30, 41, 59, .9);--card-bg: rgba(30, 41, 59, .9);--hover-bg: rgba(99, 102, 241, .12);--text-primary: #f9fafb;--text-secondary: #9ca3af;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4)}.app-navbar{position:sticky;top:0;left:0;right:0;height:var(--navbar-height);background-color:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);z-index:1000;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:all var(--transition-speed) ease;box-shadow:var(--shadow-sm)}.app-navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem;max-width:1600px;margin:0 auto}.app-navbar-start,.app-navbar-center,.app-navbar-end{display:flex;align-items:center}.app-navbar-end{gap:.75rem;position:relative;z-index:20}.app-navbar-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;line-height:1.2}.app-navbar-highlight{background:linear-gradient(135deg,var(--accent-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.app-notification-button,.app-theme-toggle,.app-products-button{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed) ease;position:relative;box-shadow:var(--shadow-sm);font-size:.875rem}.app-notification-button:hover,.app-theme-toggle:hover,.app-products-button:hover{background-color:var(--hover-bg);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-notification-button.active,.app-products-button.active{background:linear-gradient(135deg,var(--accent-color) 0%,#8b5cf6 100%);color:#fff;box-shadow:var(--shadow-md)}.app-navbar-notifications{position:relative}.app-notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:linear-gradient(135deg,var(--error-color),#dc2626);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:var(--shadow-sm);z-index:10}.app-notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:90vw;background-color:var(--dropdown-bg);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--navbar-border);z-index:1100;overflow:hidden;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.app-notification-header{padding:1rem 1.25rem;border-bottom:1px solid var(--navbar-border);display:flex;align-items:center;justify-content:space-between}.app-notification-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.app-notification-badge-count{font-size:.75rem;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);color:#fff;font-weight:500}.app-notification-list{max-height:400px;overflow-y:auto;padding:.5rem 0}.app-notification-list::-webkit-scrollbar{width:6px}.app-notification-list::-webkit-scrollbar-track{background:transparent}.app-notification-list::-webkit-scrollbar-thumb{background:var(--navbar-border);border-radius:3px}.app-notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 1.25rem;transition:all var(--transition-speed) ease;cursor:pointer;position:relative}.app-notification-item:hover{background-color:var(--hover-bg)}.app-notification-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0;font-size:1rem}.app-notification-success .app-notification-icon{background-color:#10b9811a;color:var(--success-color)}.app-notification-info .app-notification-icon{background-color:#3b82f61a;color:var(--info-color)}.app-notification-warning .app-notification-icon{background-color:#f59e0b1a;color:var(--warning-color)}.app-notification-content{flex:1;min-width:0}.app-notification-message{margin:0 0 4px;font-size:.875rem;color:var(--text-primary);line-height:1.4}.app-notification-time{font-size:.75rem;color:var(--text-secondary)}.app-notification-empty{padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.app-notification-empty i{font-size:3rem;color:var(--success-color);margin-bottom:1rem;display:block}.app-notification-empty p{margin:0;font-size:.875rem}.app-notification-footer{padding:.75rem 1.25rem;text-align:center;border-top:1px solid var(--navbar-border)}.app-view-all{color:var(--accent-color);font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-speed) ease}.app-view-all:hover{color:var(--accent-hover);gap:.75rem;text-decoration:none}.app-view-all i{font-size:.75rem;transition:transform var(--transition-speed) ease}.app-view-all:hover i{transform:translate(2px)}.app-products-menu-container{position:relative}.app-products-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;width:16px;height:16px;transition:all var(--transition-speed) ease;pointer-events:none}.app-products-square{width:100%;height:100%;background-color:var(--text-secondary);border-radius:2px;transition:all var(--transition-speed) ease}.app-products-button:hover .app-products-square{background-color:var(--text-primary)}.app-products-button.active .app-products-square{background-color:#fff}.app-products-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:320px;background-color:var(--dropdown-bg);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--navbar-border);z-index:1100;overflow:hidden;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.app-products-list{padding:.5rem}.app-product-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;text-decoration:none;color:var(--text-primary);border-radius:12px;transition:all var(--transition-speed) ease;position:relative}.app-product-item:last-child{margin-bottom:0}.app-product-item:hover{background-color:var(--hover-bg);text-decoration:none;transform:translate(2px)}.app-product-item.active{background-color:var(--hover-bg)}.app-product-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.125rem;transition:all var(--transition-speed) ease}.app-product-purple .app-product-icon{background:rgba(139,92,246,.1);color:#8b5cf6}.app-product-green .app-product-icon{background:rgba(16,185,129,.1);color:#10b981}.app-product-blue .app-product-icon{background:rgba(59,130,246,.1);color:#3b82f6}.app-product-orange .app-product-icon{background:rgba(245,158,11,.1);color:#f59e0b}.app-product-item:hover .app-product-icon{transform:scale(1.05)}.app-product-content{flex:1;min-width:0}.app-product-name{margin:0 0 2px;font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.3}.app-product-desc{font-size:.75rem;color:var(--text-secondary);display:block}.app-product-active-indicator{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.app-product-active-indicator span{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:6px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);color:#fff}@media (max-width: 767px){.app-navbar-container{padding:0 1rem}.app-notification-dropdown,.app-products-dropdown{position:fixed;top:calc(var(--navbar-height) + 10px);left:10px;right:10px;width:auto;max-width:none}.app-navbar-title{font-size:1rem}.app-notification-list{max-height:300px}}.d-flex{display:flex!important}.d-none{display:none!important}@media (min-width: 768px){.d-md-none{display:none!important}}.app-navbar button:focus,.app-navbar a:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-container{width:100%;padding-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.secondary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{width:2.5rem;height:2.5rem;border:.25rem solid var(--bg-tertiary);border-top:.25rem solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.metric-item.coming-soon{position:relative;opacity:.4}.metric-item.coming-soon .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-weight:700;color:#333;font-size:.9rem}.dashboard-card.coming-soon{position:relative;opacity:.4}.dashboard-card.coming-soon .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#333;font-size:2rem;z-index:10}.running-text{display:inline-flex;align-items:center;gap:.25rem}.running-dots{display:inline-flex}.running-dots span{display:inline-block;vertical-align:bottom;animation:bob 1s ease-in-out infinite}@keyframes bob{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.dashboard-card{z-index:10;background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--elevation-low);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--elevation-medium)}.card-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{width:36px;height:36px;border-radius:var(--radius-md);background:rgba(98,91,246,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.125rem}.card-title{font-size:1.25rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.welcome-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--elevation-medium);background-image:linear-gradient(to right,rgba(98,91,246,.07),transparent 70%)}.welcome-content{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:2}.welcome-info{flex:1}.welcome-header{margin-bottom:1.25rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-bottom:1rem}.btn-back:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px)}.welcome-greeting{font-size:1.75rem;font-weight:700;line-height:1.2;display:flex;align-items:center;flex-wrap:wrap}.greeting-text{background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.user-name{color:var(--primary);font-weight:700;position:relative;-webkit-text-fill-color:var(--primary)}.welcome-date{color:var(--text-secondary);margin:0;font-size:1rem}.welcome-stats{display:flex;gap:1.25rem;align-items:center}.stat-card{display:flex;align-items:center;gap:.75rem;background-color:var(--bg-primary);padding:.75rem 1.25rem;border-radius:var(--radius-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid var(--border-color);box-shadow:var(--elevation-low)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--elevation-medium)}.stat-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:rgba(98,91,246,.15);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.125rem}.stat-details{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);margin:0}.date-filter{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radius-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);margin-left:auto}.date-filter-icon{color:var(--text-secondary)}.date-filter-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-weight:500;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center;background-size:1em;cursor:pointer}.welcome-decoration{pointer-events:none;position:absolute;top:0;right:0;bottom:0;width:40%;overflow:hidden;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background:var(--primary);opacity:.1}button:disabled,.btn-primary:disabled,.btn-back:disabled,.tab-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}button:disabled svg,button:disabled span{filter:grayscale(.4)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#625bf6,#7b58f2);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 10px #625bf633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #625bf666}.btn-generate{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#625bf6,#7b58f2);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);margin-top:1rem;box-shadow:0 4px 10px #625bf64d}.btn-generate:hover{transform:translateY(-3px);box-shadow:0 6px 12px #625bf666}.icon-btn{width:2rem;height:2rem;border-radius:50%;border:none;background-color:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.icon-btn:hover{background-color:var(--bg-secondary);color:var(--primary);transform:translateY(-2px)}.view-actions{display:flex;align-items:center;gap:.5rem}.view-all{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.view-all:hover{opacity:.85}.view-all i{font-size:.75rem;transition:transform var(--transition-normal)}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}.metrics-grid--auto{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.25rem;transition:all var(--transition-normal);display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border-color)}.metric-item:hover{transform:translateY(-4px);box-shadow:var(--elevation-low);background:linear-gradient(to bottom right,var(--bg-secondary),rgba(98,91,246,.05))}.metric-icon{width:2.5rem;height:2.5rem;background:rgba(98,91,246,.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary)}.metric-content{flex:1}.metric-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.metric-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.trend-up{color:var(--success)}.trend-down{color:var(--critical)}.chart-description{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.25rem}.chart-container{background:var(--bg-secondary);border-radius:var(--radius-md);height:280px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-color)}.chart-placeholder{text-align:center;padding:2rem;max-width:400px}.placeholder-icon{color:var(--text-tertiary);margin-bottom:1rem;opacity:.5}.chart-placeholder p{color:var(--text-tertiary);font-size:.875rem;margin:0}.development-chart{position:relative;height:320px;padding-top:20px;padding-bottom:10px}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.customer-service{background-color:#6366f1}.legend-dot.technical{background-color:#10b981}.legend-dot.communication{background-color:#f59e0b}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:240px;position:relative}.chart-period{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100px}.chart-period.current{position:relative}.chart-period.current:after{content:"Current";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--primary);background:rgba(99,102,241,.1);padding:2px 8px;border-radius:10px}.chart-period.projected .period-bars:before{content:"";position:absolute;top:0;left:-15px;width:1px;height:220px;background:#e2e8f0;border-left:1px dashed var(--primary-light)}.period-label{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;text-align:center}.period-bars{display:flex;gap:4px;width:100%;height:220px;position:relative;align-items:flex-end}.skill-bar{flex:1;border-radius:4px 4px 0 0;position:relative;bottom:0;display:flex;align-items:flex-end;justify-content:center;transition:height .5s ease}.skill-bar span{position:absolute;top:-20px;font-size:10px;font-weight:600;color:var(--text-secondary)}.skill-bar.customer-service{background:linear-gradient(to top,#4f46e5,#6366f1)}.skill-bar.technical{background:linear-gradient(to top,#059669,#10b981)}.skill-bar.communication{background:linear-gradient(to top,#d97706,#f59e0b)}.skill-bar.projected{opacity:.6;background-image:linear-gradient(to top,rgba(0,0,0,.05) 0px,rgba(0,0,0,0) 3px,rgba(0,0,0,0) 4px),linear-gradient(to top,#4f46e5,#6366f1);background-size:7px 7px,100%}.skill-bar.technical.projected{background-image:linear-gradient(to top,rgba(0,0,0,.05) 0px,rgba(0,0,0,0) 3px,rgba(0,0,0,0) 4px),linear-gradient(to top,#059669,#10b981)}.skill-bar.communication.projected{background-image:linear-gradient(to top,rgba(0,0,0,.05) 0px,rgba(0,0,0,0) 3px,rgba(0,0,0,0) 4px),linear-gradient(to top,#d97706,#f59e0b)}.chart-baseline{position:absolute;bottom:30px;left:0;right:0;height:1px;background-color:var(--border-color)}.skill-gap-chart{padding:.5rem;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.gap-chart-header{display:flex;align-items:center;margin-bottom:1rem;padding:.5rem;border-bottom:1px solid var(--border-color)}.team-member-column{width:100px;font-weight:600;font-size:.75rem;color:var(--text-secondary)}.skill-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex:1}.skill-columns span{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:center}.gap-chart-body{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.gap-chart-row{display:flex;align-items:center;padding:.75rem;border-radius:var(--radius-md);background-color:var(--bg-primary);transition:all .3s ease}.gap-chart-row:hover{transform:translateY(-2px);box-shadow:var(--elevation-low)}.gap-chart-row.priority{background-color:#ef44440d;border-left:3px solid var(--critical)}.team-member-name{width:100px;font-weight:600;font-size:.875rem}.skill-gaps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex:1}.skill-gap-item{display:flex;flex-direction:column;gap:.25rem}.gap-bar{height:10px;background-color:var(--bg-secondary);border-radius:var(--radius-full);position:relative;overflow:hidden}.current-level{position:absolute;left:0;top:0;height:100%;background-color:var(--primary);border-radius:var(--radius-full);z-index:1}.required-level{position:absolute;left:0;top:0;height:100%;border-top:2px dashed var(--warning);z-index:2}.gap-values{display:flex;justify-content:space-between;font-size:.625rem}.current-value{color:var(--primary);font-weight:600}.required-value{color:var(--warning);font-weight:600}.gap-chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem;border-top:1px solid var(--border-color)}.legend-color{display:inline-block;width:12px;height:6px;border-radius:3px}.legend-color.current{background-color:var(--primary)}.legend-color.required{background-color:transparent;border-top:2px dashed var(--warning);position:relative;top:-2px}.legend-note{margin-left:auto;font-size:.75rem;color:var(--text-tertiary);font-style:italic}.recommendations-list{display:flex;flex-direction:column;gap:1.25rem}.recommendation-item{display:flex;gap:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.25rem;transition:all var(--transition-normal);border:1px solid var(--border-color);position:relative}.recommendation-item:hover{transform:translateY(-4px);box-shadow:var(--elevation-low)}.recommendation-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommendation-icon.urgent{background:rgba(239,68,68,.1);color:var(--critical)}.recommendation-icon.new{background:rgba(59,130,246,.1);color:var(--info)}.recommendation-icon.update{background:rgba(245,158,11,.1);color:var(--warning)}.recommendation-icon.info{background:rgba(16,185,129,.1);color:var(--success)}.recommendation-icon.in-progress{background:rgba(245,158,11,.1);color:var(--warning)}.recommendation-icon.completed{background:rgba(16,185,129,.1);color:var(--success)}.recommendation-content{flex:1;min-width:0}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.recommendation-title{font-size:1.125rem;font-weight:600;margin:0;line-height:1.4}.recommendation-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-full);font-weight:600}.recommendation-badge.urgent{background:rgba(239,68,68,.1);color:var(--critical)}.recommendation-badge.new{background:rgba(59,130,246,.1);color:var(--info)}.recommendation-badge.update{background:rgba(245,158,11,.1);color:var(--warning)}.recommendation-badge.info{background:rgba(16,185,129,.1);color:var(--success)}.recommendation-badge.high{background:rgba(239,68,68,.1);color:var(--critical)}.recommendation-badge.medium{background:rgba(245,158,11,.1);color:var(--warning)}.recommendation-badge.low{background:rgba(59,130,246,.1);color:var(--info)}.recommendation-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommendation-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{display:flex;align-items:center;gap:.375rem;color:var(--text-tertiary);font-size:.8125rem}.recommendation-actions{display:flex;flex-direction:column;justify-content:center;gap:1rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);border:none}.action-btn.complete{background:rgba(16,185,129,.1);color:var(--success)}.action-btn.complete:hover{background:rgba(16,185,129,.2);transform:translateY(-2px)}.completed-status{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;background:rgba(16,185,129,.1);color:var(--success)}.secondary-actions{display:flex;gap:.5rem}.action-btn.view,.action-btn.dismiss{padding:.5rem;background:var(--bg-tertiary);color:var(--text-tertiary);min-width:32px}.action-btn.view:hover,.action-btn.dismiss:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px)}.action-btn.dismiss:hover{color:var(--critical)}.recommendation-completed{opacity:.7}.recommendation-completed .recommendation-title{text-decoration:line-through;opacity:.8}.team-members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.team-member-card{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all var(--transition-normal);border:1px solid var(--border-color)}.team-member-card:hover{transform:translateY(-6px);box-shadow:var(--elevation-medium)}.member-status-indicator{height:4px;background:var(--success)}.member-status-indicator.warning{background:var(--warning)}.member-status-indicator.error{background:var(--critical)}.member-content{padding:1.25rem}.member-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.member-avatar{width:3rem;height:3rem;border-radius:50%;background:rgba(98,91,246,.15);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.member-avatar.warning{background:rgba(245,158,11,.15);color:var(--warning)}.member-avatar.error{background:rgba(239,68,68,.15);color:var(--critical)}.member-info{flex:1;min-width:0}.member-name{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:.875rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-status-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary)}.member-status-badge.active{background-color:#10b9811a;color:var(--success)}.member-status-badge.warning{background-color:#f59e0b1a;color:var(--warning)}.member-status-badge.error{background-color:#ef44441a;color:var(--critical)}.health-monitor{margin-bottom:1rem}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.health-value{font-weight:600}.health-bar{height:.375rem;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.health-fill{height:100%;transition:width .5s ease}.health-fill.good{background:linear-gradient(to right,#10b981,#059669)}.health-fill.warning{background:linear-gradient(to right,#f59e0b,#d97706)}.health-fill.critical{background:linear-gradient(to right,#ef4444,#dc2626)}.agent-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.agent-stat{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:.5rem .75rem;border-radius:var(--radius-md)}.member-skills{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.skill-item{width:100%}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.875rem}.skill-name{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.skill-icon{color:var(--primary)}.skill-value{font-weight:600;font-size:.75rem}.skill-value.health-good{color:var(--success)}.skill-value.health-warning{color:var(--warning)}.skill-value.health-critical{color:var(--critical)}.skill-bar{height:.375rem;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skill-progress{height:100%;transition:width .5s ease}.skill-progress.health-good{background:linear-gradient(to right,#10b981,#059669)}.skill-progress.health-warning{background:linear-gradient(to right,#f59e0b,#d97706)}.skill-progress.health-critical{background:linear-gradient(to right,#ef4444,#dc2626)}.member-stats{display:flex;margin-bottom:1.25rem;gap:.75rem}.stat-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary)}.member-view-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 0;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.member-view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #625bf64d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 0}.empty-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:1rem}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.team-members-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.secondary-grid{grid-template-columns:1fr}.welcome-content{flex-direction:column;align-items:flex-start}.welcome-stats{margin-top:1.5rem;width:100%;justify-content:space-between}}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.team-members-grid{grid-template-columns:1fr}.recommendation-item{flex-direction:column;gap:1rem}.recommendation-icon{width:auto;height:auto;padding:.5rem}.recommendation-actions{flex-direction:row;align-items:center;justify-content:space-between}}@media (max-width: 600px){.welcome-greeting,.dashboard-title,h1{font-size:clamp(1.125rem,5.5vw,1.75rem);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.card-header,.card-content{padding:1rem}.view-actions{flex-wrap:wrap;gap:.5rem}.view-actions .btn-primary{flex:1 1 140px}}@media (max-width: 576px){.welcome-stats{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.stat-card{width:auto;flex:0 0 auto}}@media (max-width: 480px){.metrics-grid--auto{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.btn-locked{background:linear-gradient(135deg,#94a3b8,#64748b)!important;cursor:not-allowed;opacity:.8;position:relative;box-shadow:0 2px 6px #64748b4d;border:1px solid rgba(100,116,139,.2)}.btn-locked:hover{transform:none!important;box-shadow:0 2px 6px #64748b4d!important}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background-color:var(--neutral-900);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;z-index:10;box-shadow:var(--elevation-medium);opacity:0;animation:fadeIn .3s ease forwards}[title]:hover:before{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent var(--neutral-900) transparent;z-index:10;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.churn-identifier{width:100%;display:flex;flex-direction:column;gap:1.5rem;color:var(--text-primary)}.churn-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:2rem}.loading-status{margin-top:1rem;font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.dashboard-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-primary);padding:0 1rem}.tab-button{padding:1rem 1.25rem;font-size:.95rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:var(--transition-normal)}.tab-button:hover{color:var(--primary)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.filter-section{display:flex;align-items:center;gap:.75rem}.filter-section span{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.timeframe-section{display:flex;align-items:center;gap:.5rem}.action-section{display:flex;gap:.75rem}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.kpi-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--elevation-low);border:1px solid var(--border-color);transition:var(--transition-normal)}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--elevation-medium)}.kpi-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.info{background-color:#3b82f61a;color:var(--info)}.kpi-icon.success{background-color:#10b9811a;color:var(--success)}.kpi-icon.warning{background-color:#f59e0b1a;color:var(--warning)}.kpi-icon.error{background-color:#ef44441a;color:var(--critical)}.kpi-content{flex:1}.kpi-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.kpi-content p{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem}.kpi-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--critical)}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:1.5rem}.insights-list{grid-column:span 2}.insight-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border-color)}.insight-item:last-child{border-bottom:none}.insight-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-item.high .insight-icon{background-color:#ef44441a;color:var(--critical)}.insight-item.medium .insight-icon{background-color:#f59e0b1a;color:var(--warning)}.insight-item.low .insight-icon{background-color:#3b82f61a;color:var(--info)}.insight-item.positive .insight-icon{background-color:#10b9811a;color:var(--success)}.insight-content{flex:1}.insight-content h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.insight-content p{font-size:.9375rem;line-height:1.5;color:var(--text-secondary);margin:0}.insight-impact{display:flex;align-items:center;margin-left:1rem}.impact-badge{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--radius-full)}.impact-badge.high{background-color:#ef44441a;color:var(--critical)}.impact-badge.medium{background-color:#f59e0b1a;color:var(--warning)}.impact-badge.low{background-color:#3b82f61a;color:var(--info)}.impact-badge.positive{background-color:#10b9811a;color:var(--success)}.profiles-header{margin-bottom:1.5rem}.profiles-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.model-info{font-size:.875rem;color:var(--text-secondary);margin:0}.risk-distribution{display:flex;gap:1.25rem;margin-bottom:2rem}.risk-segment{flex:1;padding:1.25rem;border-radius:var(--radius-lg);text-align:center}.risk-segment h3{font-size:1.75rem;font-weight:700;margin:0 0 .375rem}.risk-segment p{font-size:.875rem;font-weight:500;margin:0}.risk-segment.high{background-color:#ef44441a;color:var(--critical)}.risk-segment.medium{background-color:#f59e0b1a;color:var(--warning)}.risk-segment.low{background-color:#10b9811a;color:var(--success)}.profiles-list{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--elevation-low);overflow:hidden;border:1px solid var(--border-color)}.profiles-table{width:100%}.table-header{display:flex;background-color:var(--bg-secondary);padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.875rem;color:var(--text-secondary)}.table-row{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition-normal)}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:var(--bg-tertiary)}.table-row.high{background-color:#ef44440d}.table-row.medium{background-color:#f59e0b0d}.table-cell{flex:1;font-size:.875rem}.customer-cell{display:flex;align-items:center;gap:.75rem}.customer-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--primary-light);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:600;color:var(--text-primary)}.customer-id{font-size:.75rem;color:var(--text-tertiary)}.risk-score-wrapper{width:100%;height:.5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.risk-score-bar{height:100%;border-radius:var(--radius-full)}.risk-score-bar.high{background-color:var(--critical)}.risk-score-bar.medium{background-color:var(--warning)}.risk-score-bar.low{background-color:var(--success)}.risk-score-value{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--text-primary)}.customer-profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--elevation-high);max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;transition:var(--transition-normal)}.close-button:hover{color:var(--text-primary)}.profile-details{padding:1.5rem}.profile-section{margin-bottom:1.5rem}.profile-section h4{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.375rem}.info-label{font-size:.75rem;color:var(--text-tertiary)}.info-value{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.risk-level{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.risk-level.high{background-color:#ef44441a;color:var(--critical)}.risk-level.medium{background-color:#f59e0b1a;color:var(--warning)}.risk-level.low{background-color:#10b9811a;color:var(--success)}.risk-factors-list{display:flex;flex-direction:column;gap:1rem}.risk-factor{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.risk-factor-name{width:40%;font-size:.875rem;color:var(--text-secondary)}.risk-factor-value{width:10%;font-size:.875rem;font-weight:600;color:var(--text-primary)}.risk-factor-bar{width:40%;height:.5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.risk-factor-fill{height:100%;background-color:var(--primary-light);border-radius:var(--radius-full)}.risk-factor.warning .risk-factor-fill{background-color:var(--warning)}.conversations-header{margin-bottom:1.5rem}.conversations-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .375rem;color:var(--text-primary)}.conversations-header p{font-size:.9375rem;color:var(--text-secondary);margin:0}.conversation-analyzer{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.analyzer-input{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--elevation-low);border:1px solid var(--border-color)}.analyzer-input h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.conversation-textarea{width:100%;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);font-size:.9375rem;color:var(--text-primary);resize:vertical;margin-bottom:1.25rem;font-family:inherit}.conversation-textarea:focus{outline:none;border-color:var(--primary)}.source-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.source-selector span{font-size:.875rem;color:var(--text-secondary)}.analyzer-results{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--elevation-low);border:1px solid var(--border-color)}.analyzer-results h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.empty-results{padding:2rem;text-align:center;color:var(--text-tertiary)}.results-list{display:flex;flex-direction:column;gap:1.25rem}.analysis-result{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:1.25rem}.result-header{display:flex;gap:1rem;margin-bottom:1.25rem}.sentiment-badge,.risk-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.sentiment-badge.positive{background-color:#10b9811a;color:var(--success)}.sentiment-badge.neutral{background-color:#64748b1a;color:var(--text-tertiary)}.sentiment-badge.negative,.risk-badge.high-risk{background-color:#ef44441a;color:var(--critical)}.risk-badge.medium-risk{background-color:#f59e0b1a;color:var(--warning)}.risk-badge.low-risk{background-color:#10b9811a;color:var(--success)}.result-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.key-phrases h4,.topic-detection h4{font-size:.9375rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.phrase-list,.topic-list{display:flex;flex-wrap:wrap;gap:.5rem}.phrase-item,.topic-item{display:inline-block;padding:.25rem .5rem;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;border-radius:var(--radius-full)}.result-recommendations h4{font-size:.9375rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.action-list{padding:0;margin:0;list-style:none}.action-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);padding:.375rem 0;border-bottom:1px solid var(--border-color)}.action-item:last-child{border-bottom:none}.action-item svg{color:var(--primary)}.predictions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.predictions-header h2{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.model-metrics{display:flex;gap:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.predictions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.prediction-periods{display:flex;flex-direction:column;gap:1.5rem}.prediction-period{padding:1.25rem;border-radius:var(--radius-md);background-color:var(--bg-secondary)}.prediction-period h4{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.prediction-numbers{display:flex;gap:1.5rem}.prediction-number{display:flex;flex-direction:column;gap:.25rem}.prediction-number .number{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.prediction-number .label{font-size:.75rem;color:var(--text-tertiary)}.recommendations-header{margin-bottom:1.5rem}.recommendations-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .375rem;color:var(--text-primary)}.recommendations-header p{font-size:.9375rem;color:var(--text-secondary);margin:0}.recommendations-summary{display:flex;gap:1.5rem;margin-bottom:2rem}.summary-stat{flex:1;padding:1.5rem;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--elevation-low);border:1px solid var(--border-color);text-align:center}.summary-stat .stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.summary-stat .stat-label{font-size:.9375rem;color:var(--text-secondary)}.detailed-recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.recommendation-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--elevation-low);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition-normal)}.recommendation-card:hover{transform:translateY(-5px);box-shadow:var(--elevation-medium)}.recommendation-card.high{border-left:4px solid var(--critical)}.recommendation-card.medium{border-left:4px solid var(--warning)}.recommendation-card.low{border-left:4px solid var(--info)}.recommendation-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.recommendation-header h3{flex:1;font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.recommendation-card.high .recommendation-icon{background-color:#ef44441a;color:var(--critical)}.recommendation-card.medium .recommendation-icon{background-color:#f59e0b1a;color:var(--warning)}.recommendation-card.low .recommendation-icon{background-color:#3b82f61a;color:var(--info)}.recommendation-body{padding:1.25rem}.recommendation-body p{font-size:.9375rem;line-height:1.5;color:var(--text-secondary);margin:0 0 1.25rem}.recommendation-meta{display:flex;gap:1.5rem}.meta-value.effort-high{color:var(--critical)}.meta-value.effort-medium{color:var(--warning)}.meta-value.effort-low{color:var(--info)}.recommendation-actions{padding:1.25rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem}.confusion-matrix{margin-top:1.5rem}.confusion-matrix h4{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);text-align:center}.matrix-cell{padding:.75rem;border:1px solid var(--border-color);font-size:.875rem}.matrix-cell.header{background-color:var(--bg-secondary);font-weight:600;color:var(--text-secondary)}.matrix-cell.true-positive,.matrix-cell.true-negative{background-color:#10b9811a;font-weight:600}.matrix-cell.false-positive,.matrix-cell.false-negative{background-color:#ef44441a;font-weight:600}@media (max-width: 1200px){.kpi-row{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.insights-list{grid-column:auto}.conversation-analyzer,.detailed-recommendations{grid-template-columns:1fr}}@media (max-width: 768px){.filter-bar{flex-direction:column;gap:1rem;align-items:flex-start}.filter-section,.timeframe-section,.action-section{width:100%}.result-content{grid-template-columns:1fr}.recommendations-summary{flex-direction:column;gap:1rem}}@media (max-width: 576px){.kpi-row{grid-template-columns:1fr}.prediction-numbers{flex-direction:column;gap:1rem}}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal);outline:none}.tab-button.active{background:var(--primary-gradient);color:#fff;border:none}.tab-button:not(.active){background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.tab-button:not(.active):hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}.tab-button:focus,.tab-button:focus-visible{outline:none}.subnav-rail{display:flex;gap:.5rem;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-inline:.75rem;margin-inline:-.75rem;max-width:100%;padding-bottom:.5rem}.subnav-rail>*{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}.subnav-rail::-webkit-scrollbar{height:6px}.subnav-rail::-webkit-scrollbar-thumb{background-color:var(--primary)}.subnav-rail::-webkit-scrollbar-track{background-color:var(--neutral-300)}.dashboard-card--refreshing{position:relative}.dashboard-refresh-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none}.dashboard-refresh-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.dashboard-card--refreshing .tab-button{opacity:.4}.dashboard-grid--disabled{position:relative}.dashboard-grid--disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;cursor:not-allowed}.dashboard-grid--disabled *{pointer-events:none;cursor:default}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #8b5cf6;--primary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--primary-glow: rgba(99, 102, 241, .4);--secondary: #f1f5f9;--accent: #0ea5e9;--success: #10b981;--warning: #f59e0b;--critical: #ef4444;--info: #3b82f6;--success-gradient: linear-gradient(135deg, #10b981, #059669);--warning-gradient: linear-gradient(135deg, #f59e0b, #d97706);--critical-gradient: linear-gradient(135deg, #ef4444, #dc2626);--info-gradient: linear-gradient(135deg, #3b82f6, #2563eb);--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-shadow: 0 20px 40px rgba(0, 0, 0, .1);--glass-blur: blur(20px);--bg-primary: #ffffff;--bg-secondary: rgba(255, 255, 255, .8);--bg-tertiary: rgba(248, 250, 252, .6);--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 50%, #e0e7ff 100%);--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--shadow-low: 0 4px 16px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .12);--shadow-high: 0 16px 64px rgba(0, 0, 0, .16);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--orb-1: radial-gradient(circle, rgba(147, 51, 234, .15), rgba(236, 72, 153, .1));--orb-2: radial-gradient(circle, rgba(59, 130, 246, .1), rgba(6, 182, 212, .08));--orb-3: radial-gradient(circle, rgba(99, 102, 241, .12), rgba(147, 51, 234, .08))}[data-theme=dark],.dark{--glass-bg: rgba(15, 23, 42, .8);--glass-shadow: 0 20px 40px rgba(0, 0, 0, .4);--glass-blur: blur(20px);--bg-primary: #0f172a;--bg-secondary: rgba(15, 23, 42, .9);--bg-tertiary: rgba(30, 41, 59, .6);--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #1e293b;--shadow-low: 0 4px 16px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 32px rgba(0, 0, 0, .4);--shadow-high: 0 16px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .5);--orb-1: radial-gradient(circle, rgba(147, 51, 234, .2), rgba(236, 72, 153, .15));--orb-2: radial-gradient(circle, rgba(59, 130, 246, .15), rgba(6, 182, 212, .12));--orb-3: radial-gradient(circle, rgba(99, 102, 241, .18), rgba(147, 51, 234, .12));--neutral-50: #0f172a;--neutral-100: #1e293b;--neutral-200: #334155;--neutral-300: #475569;--neutral-400: #64748b;--neutral-500: #94a3b8;--neutral-600: #cbd5e1;--neutral-700: #e2e8f0;--neutral-800: #f1f5f9;--neutral-900: #f8fafc}.dashboard-container.modern-2025{min-height:100vh;position:relative;font-family:var(--font-primary);color:var(--text-primary);overflow-x:hidden;transition:all var(--transition-normal)}.floating-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:float 8s ease-in-out infinite;transition:all var(--transition-slow)}.orb-1{width:20rem;height:20rem;background:var(--orb-1);top:-10rem;right:-10rem;animation-delay:0s}.orb-2{width:24rem;height:24rem;background:var(--orb-2);bottom:-12rem;left:-12rem;animation-delay:2s}.orb-3{width:16rem;height:16rem;background:var(--orb-3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.dashboard-content{position:relative;z-index:10;width:100%;max-width:none;margin:0;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;background:var(--bg-primary)}.modern-glass{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:none;box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:all var(--transition-normal)}.welcome-card.modern-glass{border-radius:var(--radius-2xl);padding:2rem;transition:all var(--transition-normal)}.welcome-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-high)}.gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,rgba(99,102,241,.05),rgba(147,51,234,.05),rgba(236,72,153,.05));background-size:200% 200%;animation:gradientShift 15s ease infinite;transition:opacity var(--transition-normal)}[data-theme=dark] .gradient-overlay,.dark .gradient-overlay{background:linear-gradient(45deg,rgba(99,102,241,.1),rgba(147,51,234,.1),rgba(236,72,153,.1))}.welcome-content{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%}.welcome-greeting{font-size:3rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;line-height:1.1}.greeting-text{background:linear-gradient(135deg,var(--text-primary),var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.user-name{color:var(--primary);position:relative}.wave-emoji{animation:wave 2.5s ease-in-out infinite;transform-origin:70% 70%;display:inline-block;font-size:3rem}.welcome-date{color:var(--text-secondary);font-size:1.125rem;margin:0 0 .5rem}.welcome-subtitle{color:var(--text-tertiary);font-size:.875rem;margin:0}.metric-highlight{font-weight:600;color:var(--primary)}.welcome-stats{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;flex-shrink:0}.stat-card.floating{position:relative;cursor:pointer;transition:all var(--transition-normal)}.stat-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);filter:blur(20px);opacity:.1;transition:all var(--transition-normal)}.stat-card.primary .stat-glow{background:var(--primary-gradient)}.stat-card.success .stat-glow{background:var(--success-gradient)}.stat-card.warning .stat-glow{background:var(--warning-gradient)}.stat-card.info .stat-glow{background:var(--info-gradient)}.stat-content{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:none;border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px)}.stat-card:hover .stat-glow{filter:blur(30px);opacity:.2}.stat-card:hover .stat-content{background:var(--bg-primary);box-shadow:var(--shadow-medium)}.stat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:var(--shadow-low)}.stat-icon.primary{background:var(--primary-gradient)}.stat-icon.success{background:var(--success-gradient)}.stat-icon.warning{background:var(--warning-gradient)}.stat-icon.info{background:var(--info-gradient)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.stat-label{font-size:.75rem;color:var(--text-tertiary);margin:0}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}.quick-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:none;border-radius:var(--radius-lg);padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-normal);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.quick-action-btn:hover{transform:translateY(-2px);background:var(--bg-secondary);box-shadow:var(--shadow-low);color:var(--text-primary)}.action-icon{width:2rem;height:2rem;border-radius:.5rem;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;box-shadow:0 2px 4px #0000001a;transition:all var(--transition-normal)}.action-icon.primary{color:var(--primary)}.action-icon.success{color:var(--success)}.action-icon.warning{color:var(--warning)}.action-icon.info{color:var(--info)}.card-header.enhanced{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(147,51,234,.05));padding:1.5rem 2rem;border-bottom:none;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .card-header.enhanced,.dark .card-header.enhanced{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(147,51,234,.1))}.card-header.warning{background:linear-gradient(135deg,rgba(245,158,11,.05),rgba(251,146,60,.05))}[data-theme=dark] .card-header.warning,.dark .card-header.warning{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,146,60,.1))}.card-header.info{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(6,182,212,.05))}[data-theme=dark] .card-header.info,.dark .card-header.info{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(6,182,212,.1))}.header-icon.gradient{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:var(--shadow-low)}.header-icon.primary{background:var(--primary-gradient)}.header-icon.warning{background:var(--warning-gradient)}.header-icon.info{background:var(--info-gradient)}.header-text .card-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.btn-hire.modern{position:relative;overflow:hidden;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px var(--primary-glow)}.btn-hire.modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow)}.btn-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%) skew(-45deg);transition:transform .7s ease}.btn-hire.modern:hover .btn-shimmer{transform:translate(100%) skew(-45deg)}.btn-content{position:relative;display:flex;align-items:center;gap:.5rem}.btn-hire-main.modern{position:relative;overflow:hidden;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);padding:1rem 2rem;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 20px var(--primary-glow)}.btn-hire-main.modern:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px var(--primary-glow)}.btn-arrow{transition:transform var(--transition-normal)}.btn-hire-main.modern:hover .btn-arrow{transform:translate(4px)}.agents-grid.modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.agent-card.modern{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:none;border-radius:var(--radius-xl);padding:1.5rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-low)}.agent-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(147,51,234,.05));border-radius:var(--radius-xl);opacity:0;transition:opacity var(--transition-normal)}[data-theme=dark] .agent-glow,.dark .agent-glow{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(147,51,234,.1))}.agent-card.modern:hover{transform:translateY(-8px);box-shadow:var(--shadow-high);background:var(--bg-secondary)}.agent-card.modern:hover .agent-glow{opacity:1}.agent-content{position:relative;z-index:10}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.agent-icon.gradient{width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;box-shadow:var(--shadow-low)}.agent-icon.status-good{background:var(--success-gradient)}.agent-icon.status-warning{background:var(--warning-gradient)}.agent-icon.status-critical{background:var(--critical-gradient)}.agent-status{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--radius-full);text-transform:uppercase}.agent-status.active{background:rgba(16,185,129,.15);color:var(--success)}.agent-status.warning{background:rgba(245,158,11,.15);color:var(--warning)}.agent-status.maintenance{background:rgba(239,68,68,.15);color:var(--critical)}.agent-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;transition:color var(--transition-normal)}.agent-card.modern:hover .agent-title{color:var(--primary)}.agent-category{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem}.health-monitor{margin-bottom:1rem;width:100%}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.health-value.good{color:var(--success)}.health-value.warning{color:var(--warning)}.health-value.critical{color:var(--critical)}.health-bar{height:8px;background-color:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .health-bar,.dark .health-bar{background-color:var(--neutral-700)}.health-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease}.health-fill.good{background:var(--success-gradient)}.health-fill.warning{background:var(--warning-gradient)}.health-fill.critical{background:var(--critical-gradient)}.agent-stats{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.agent-stats i{color:var(--primary);margin-right:.5rem}.empty-state.modern{text-align:center;padding:4rem 2rem}.robot-animation{position:relative;margin:0 auto 2rem;width:12rem;height:12rem;display:flex;align-items:center;justify-content:center}.robot{position:relative;z-index:2;animation:float 3s ease-in-out infinite}.robot-head{width:6rem;height:5.5rem;background:var(--primary-gradient);border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #6366f14d;margin:0 auto}.robot-head:after{content:"";position:absolute;top:0;left:0;right:0;height:1.5rem;background:rgba(255,255,255,.1);border-radius:1.5rem 1.5rem 0 0}.robot-antenna{width:.5rem;height:1.5rem;background:linear-gradient(to top,var(--primary-dark),var(--primary-light));position:absolute;top:-1rem;left:50%;transform:translate(-50%);border-radius:.25rem;z-index:-1}.robot-eye{width:1rem;height:1rem;background-color:#fff;border-radius:50%;position:absolute;top:2rem;animation:blink 3s infinite}.robot-eye.left{left:1.5rem}.robot-eye.right{right:1.5rem}.robot-body{width:7rem;height:4rem;background:var(--primary-gradient);border-radius:1rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #6366f14d;overflow:hidden}.robot-badge{width:1.5rem;height:1.5rem;background-color:#ffffffe6;border-radius:50%;animation:pulse 2s infinite}.floating-particle{position:absolute;width:.75rem;height:.75rem;background:var(--primary-gradient);border-radius:50%;opacity:.6;animation:ping 2s ease-in-out infinite}.particle-1{top:1rem;right:1rem;animation-delay:.1s}.particle-2{top:2rem;left:.5rem;animation-delay:.3s}.particle-3{bottom:1.5rem;right:.5rem;animation-delay:.5s}.particle-4{bottom:2.5rem;left:1.5rem;animation-delay:.7s}.particle-5{top:3rem;right:2rem;animation-delay:.9s}.particle-6{bottom:3rem;left:2.5rem;animation-delay:1.1s}.bg-circle-1,.bg-circle-2,.bg-circle-3{position:absolute;border-radius:50%;opacity:.3;z-index:1}.bg-circle-1{width:6rem;height:6rem;background:radial-gradient(circle,rgba(99,102,241,.15),transparent 70%);top:0;right:0}.bg-circle-2{width:8rem;height:8rem;background:radial-gradient(circle,rgba(147,51,234,.1),transparent 70%);bottom:0;left:0}.bg-circle-3{width:4rem;height:4rem;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);top:20%;left:20%}.empty-title{font-size:2rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1rem}.empty-desc{color:var(--text-secondary);font-size:1.125rem;margin:0 0 2rem;max-width:32rem;line-height:1.6;margin-left:auto;margin-right:auto}.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:40rem;margin:0 auto 2rem}.benefit.modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:none;border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:transform var(--transition-normal)}.benefit.modern:hover{transform:translateY(-4px);background:var(--bg-secondary)}.benefit-icon{width:3rem;height:3rem;background:var(--primary-gradient);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;margin:0 auto .75rem;box-shadow:var(--shadow-low)}.benefit-icon i{color:#fff}.benefit-content h4{margin:0 0 .25rem;font-weight:600;color:var(--text-primary)}.benefit-content p{margin:0;font-size:.875rem;color:var(--text-secondary)}.trending-agents{display:flex;flex-direction:column;gap:1rem}.recommended-card.modern{position:relative;display:flex;gap:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:none;border-radius:.75rem;transition:all var(--transition-normal);cursor:pointer}.recommended-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(147,51,234,.05));border-radius:.75rem;opacity:0;transition:opacity var(--transition-normal)}[data-theme=dark] .recommended-glow,.dark .recommended-glow{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(147,51,234,.1))}.recommended-card.modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-low);background:var(--bg-secondary)}.recommended-card.modern:hover .recommended-glow{opacity:1}.card-body{position:relative;z-index:10;flex:1;min-width:0}.recommended-icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:var(--shadow-low)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.status-badges{display:flex;gap:.5rem}.badge{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-full);text-transform:uppercase}.badge.new{background:rgba(16,185,129,.15);color:var(--success);animation:pulse 2s infinite}.badge.trending{background:rgba(245,158,11,.15);color:var(--warning)}.recommended-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.recommended-desc{color:var(--text-secondary);font-size:.8rem;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center}.rating-stats{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-tertiary)}.rating,.users{display:flex;align-items:center;gap:.25rem}.rating i{color:var(--warning)}.growth{color:var(--success);font-weight:600}.btn-hire-rec{position:relative;overflow:hidden;padding:.375rem .75rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-hire-rec:hover{transform:scale(1.05)}.live-indicator{width:12px;height:12px;background:var(--success);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #10b981b3}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item.modern{display:flex;gap:1rem;padding:1rem;border-radius:.75rem;transition:background-color var(--transition-fast)}.activity-item.urgent{border-left:4px solid var(--warning)}.activity-item.modern:hover{background-color:var(--bg-tertiary)}.activity-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;box-shadow:var(--shadow-low)}.activity-icon.success{background:var(--success-gradient)}.activity-icon.warning{background:var(--warning-gradient)}.activity-icon.info{background:var(--info-gradient)}.activity-content{flex:1}.activity-message{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0 0 .25rem;line-height:1.4}.activity-meta{display:flex;justify-content:space-between;align-items:center}.activity-time{font-size:.75rem;color:var(--text-tertiary)}.urgent-badge{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-full);background:rgba(245,158,11,.15);color:var(--warning);text-transform:uppercase}.attention-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.attention-item.modern{display:flex;gap:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:none;border-radius:.75rem}.attention-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0;box-shadow:var(--shadow-low)}.attention-icon.warning{background:var(--warning-gradient)}.attention-icon.critical{background:var(--critical-gradient)}.attention-details{flex:1}.attention-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.agent-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.status-badge{font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full);text-transform:uppercase}.status-badge.warning{background:rgba(245,158,11,.15);color:var(--warning)}.status-badge.maintenance{background:rgba(239,68,68,.15);color:var(--critical)}.health-monitor.compact{margin-bottom:.75rem}.btn-fix.modern{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border:none;border-radius:.5rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);width:100%;justify-content:center}.btn-fix.modern:hover{background:rgba(99,102,241,.1);color:var(--primary);transform:translateY(-1px)}.view-all{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;transition:all var(--transition-normal)}.view-all:hover{opacity:.8}.view-all i{transition:transform var(--transition-normal)}.view-all:hover i{transform:translate(4px)}.secondary-grid.modern{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media (max-width: 1024px){.welcome-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.welcome-stats{width:100%;align-items:flex-end;margin-left:0}.secondary-grid.modern{grid-template-columns:1fr}.agents-grid.modern{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.dashboard-content{padding:1rem}.welcome-card.modern-glass{padding:1.5rem}.welcome-greeting{font-size:2rem}.welcome-stats{grid-template-columns:1fr;gap:.75rem}.agents-grid.modern,.benefits,.attention-grid{grid-template-columns:1fr}}.agent-card-2025{background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;box-shadow:0 0 0 1px #ffffff0d,0 8px 20px #00000014;position:relative;display:flex;flex-direction:column;transition:transform .3s ease;height:100%;overflow:hidden}.agent-card-2025:hover{transform:translateY(-4px)}.agent-card-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative}.agent-card-header{margin-bottom:1rem}.icon-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.75rem;box-shadow:0 0 18px #625bf680;z-index:-1}.agent-card-badges{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:3}.agent-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:9999px;display:flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-color)}.agent-badge.new{color:#10b981;border-color:#10b981}.agent-badge.trending{color:#3b82f6;border-color:#3b82f6}.agent-card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.agent-card-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis}.agent-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.agent-stat{font-size:.75rem;background:rgba(255,255,255,.06);border-radius:.5rem;padding:.3rem .6rem;display:flex;align-items:center;gap:.4rem;color:var(--text-primary)}.agent-stat.category{font-weight:500}.agent-card-features{margin-bottom:1rem}.features-list{list-style:none;padding-left:0;margin:0}.feature-item{display:flex;align-items:center;font-size:.875rem;color:var(--text-primary);margin-bottom:.4rem;gap:.5rem}.feature-item i{color:var(--accent-color, #a78bfa);font-size:.9rem}.feature-more{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.agent-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.agent-tag{font-size:.7rem;font-weight:500;background-color:#ffffff0d;color:var(--text-secondary);padding:.3rem .6rem;border-radius:.375rem}.agent-card-footer{margin-top:auto}.agent-hire-button{background:linear-gradient(to right,#8b5cf6,#6366f1);color:#fff;padding:.75rem 1.25rem;font-weight:600;border-radius:.75rem;width:100%;display:flex;align-items:center;justify-content:center;position:relative;border:none;overflow:hidden;transition:background .3s ease}.agent-hire-button:hover{background:linear-gradient(to right,#a78bfa,#818cf8)}.button-content{display:flex;align-items:center;gap:.5rem;z-index:2;position:relative}.button-shine{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,0));transform:skew(-20deg);animation:shine 3s infinite linear}@keyframes shine{0%{left:-75%}to{left:125%}}.marketplace-container{width:100%;padding-bottom:2rem;background-color:var(--bg-primary)}.marketplace-header{background-color:var(--bg-secondary);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(to right,rgba(98,91,246,.07),transparent 70%)}.header-content{flex:1;position:relative;z-index:2}.marketplace-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;color:var(--text-primary)}.title-accent{color:var(--accent-color, #625bf6);position:relative}.marketplace-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem;max-width:600px}.header-decoration{position:absolute;top:0;right:0;bottom:0;width:40%;overflow:hidden;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background-color:var(--accent-color, #625bf6);opacity:.1}.circle-1{width:12rem;height:12rem;top:-6rem;right:-2rem}.circle-2{width:8rem;height:8rem;bottom:-3rem;right:2rem}.circle-3{width:4rem;height:4rem;top:40%;right:8rem}.section-container{background-color:var(--bg-secondary);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;transition:box-shadow .3s ease}.section-container:hover{box-shadow:0 2px 6px #00000012}.filter-card{background-color:var(--bg-primary);border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-color)}.search-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.search-input-wrapper{position:relative;flex-grow:1;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{border-color:var(--accent-color, #625bf6);box-shadow:0 0 0 2px #625bf633;outline:none}.sort-container{display:flex;align-items:center;gap:.75rem}.sort-label{white-space:nowrap;color:var(--text-secondary);font-size:.875rem;font-weight:500}.select-wrapper{position:relative}.sort-select{padding:.75rem 2.25rem .75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-width:150px;transition:all .2s ease}.sort-select:focus{border-color:var(--accent-color, #625bf6);box-shadow:0 0 0 2px #625bf633;outline:none}.select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:.75rem}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:.5rem 0}.category-btn{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:500;font-size:.875rem;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.category-btn:hover{background-color:#625bf60d;color:var(--accent-color, #625bf6);border-color:#625bf64d}.category-btn.active{background-color:var(--accent-color, #625bf6);color:#fff;border-color:var(--accent-color, #625bf6);box-shadow:0 2px 5px #625bf64d}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title-container{display:flex;align-items:center;gap:.75rem}.section-icon{width:32px;height:32px;border-radius:.5rem;background:rgba(98,91,246,.1);color:var(--accent-color, #625bf6);display:flex;align-items:center;justify-content:center;font-size:1rem}.featured-section .section-icon{background:rgba(245,158,11,.1);color:#f59e0b}.section-title{font-weight:600;font-size:1.125rem;margin:0;color:var(--text-primary)}.section-link{display:flex;align-items:center;gap:.5rem;color:var(--accent-color, #625bf6);font-weight:500;font-size:.875rem;text-decoration:none;transition:opacity .2s ease}.section-link:hover{opacity:.85}.section-link i{font-size:.75rem;transition:transform .2s ease}.section-link:hover i{transform:translate(3px)}.view-toggle-header{margin-top:0}.featured-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:1rem}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.agents-list{display:flex;flex-direction:column;gap:1rem}.view-toggle{display:flex;gap:.25rem}.toggle-btn{width:2rem;height:2rem;border-radius:.375rem;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-btn:hover{background-color:#625bf60d;color:var(--accent-color, #625bf6)}.toggle-btn.active{background-color:var(--accent-color, #625bf6);color:#fff;border-color:var(--accent-color, #625bf6)}@media (max-width: 992px){.marketplace-header{padding:1.25rem}.marketplace-title{font-size:1.5rem}.featured-agents{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.search-container{flex-direction:column;align-items:flex-start}.search-input-wrapper{width:100%;max-width:none}.sort-container{width:100%;justify-content:space-between}.select-wrapper{flex:1}.sort-select{width:100%}.featured-agents,.agents-grid{grid-template-columns:1fr}.section-header{flex-wrap:wrap;gap:.75rem}}:root{--settings-sidebar-width: 240px;--settings-tabs-height: 48px;--settings-sidebar-gap: .75rem}.settings-container{display:flex}.components{position:absolute;left:calc(var(--sidebar-width) + var(--settings-sidebar-width) + var(--settings-sidebar-gap));padding:1.25rem;flex-grow:1;width:100%;box-sizing:border-box}.search-settings{position:relative;display:flex;align-items:center;margin:.5rem 0 1rem}.search-settings .search-icon{position:absolute;left:10px;width:18px;height:18px;opacity:.8;pointer-events:none}.search-settings input{width:100%;padding:.55rem .75rem .55rem 2rem;border-radius:10px;border:1px solid var(--sidebar-border);background:var(--card-bg);color:var(--text-primary);outline:none;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.search-settings input::placeholder{color:var(--text-secondary)}.search-settings input:focus{border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.settings-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.setting-card{display:flex;flex-direction:row;gap:.5rem;text-decoration:none;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--sidebar-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease}.setting-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.setting-card-header{font-weight:700;font-size:1rem}.setting-card-body{font-size:.875rem;color:var(--text-secondary);line-height:1.35;flex-grow:1}.setting-card-cta{margin-top:auto;font-size:.875rem;color:var(--accent-color);font-weight:600}.card-text{display:flex;flex-direction:column}.setting-card-icon{margin-right:.5rem}.sidebar-link{display:inline-block;padding:.5rem .25rem;color:var(--text-secondary);text-decoration:none;border-radius:10px}.sidebar-link:hover{color:var(--text-primary)}.settings-subpage{padding:1rem}.settings-subpage-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-button{background:var(--card-bg);border:1px solid var(--sidebar-border);border-radius:8px;padding:.5rem .75rem;cursor:pointer;color:var(--text-secondary);font-size:.875rem;transition:all var(--transition-speed) ease}.back-button:hover{background:var(--hover-bg);color:var(--accent-color);border-color:var(--accent-color)}.settings-sidebar{position:fixed;top:calc(var(--navbar-height, 64px) + var(--settings-sidebar-gap));left:calc(var(--sidebar-width, 280px) + var(--settings-sidebar-gap));bottom:var(--settings-sidebar-gap);width:var(--settings-sidebar-width);display:flex;flex-direction:column;padding:1rem;background:var(--card-bg);border-right:1px solid var(--sidebar-border);border-radius:1rem;z-index:998;overflow-y:auto}@media (max-width: 991px){:root{--sidebar-width: 0px}.settings-container{flex-direction:column}.settings-sidebar{position:static;top:calc(var(--navbar-height) + 10rem);left:0;right:0;width:100%;height:var(--settings-tabs-height);padding:0 .75rem;background:var(--card-bg);border-right:none;border-bottom:1px solid var(--sidebar-border);display:flex;flex-direction:row;align-items:center;gap:.5rem;overflow-x:auto;white-space:nowrap}.settings-sidebar>h2{display:none}.search-settings{display:none}.tab-link{padding:.4rem .75rem;border:1px solid transparent;border-radius:999px;background:transparent;flex:0 0 auto}.tab-link:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-link.active{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff}.components,.settings-subpage{position:static;margin-left:0;padding-left:1rem;padding-right:1rem}.settings-card-grid{grid-template-columns:1fr;gap:1.25rem}}:root{--primary: #625bf6;--primary-dark: #4845ce;--primary-light: #827df8;--primary-gradient: linear-gradient(135deg, #625bf6, #7b58f2);--secondary: #f1f5f9;--accent: #0ea5e9;--success: #10b981;--warning: #f59e0b;--critical: #ef4444;--info: #3b82f6;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-950: #020617;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--border-color: #e2e8f0;--divider: #f1f5f9;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--elevation-low: 0 2px 8px rgba(0, 0, 0, .1);--elevation-medium: 0 4px 16px rgba(0, 0, 0, .15);--elevation-high: 0 8px 24px rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-blur: blur(12px);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px}.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--divider: #1e293b;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}.deployed-agents-container{width:100%;max-width:1600px;margin:0 auto;padding-bottom:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.deployed-header-wrap{position:relative;margin-bottom:2rem;padding:1.75rem;background:linear-gradient(to right,rgba(79,70,229,.05),rgba(79,70,229,.01));border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(79,70,229,.1);box-shadow:var(--elevation-low)}.deployed-header-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.header-circle{position:absolute;border-radius:50%;background:linear-gradient(to right,rgba(79,70,229,.1),rgba(124,58,237,.1))}.header-circle-1{width:300px;height:300px;top:-150px;right:-100px;opacity:.4}.header-circle-2{width:200px;height:200px;bottom:-100px;right:20%;opacity:.2}.header-circle-3{width:100px;height:100px;bottom:20px;left:10%;opacity:.15}.deployed-header{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.deployed-header{flex-direction:row;justify-content:space-between;align-items:center}}.deployed-header-content{flex:1}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-bottom:1.5rem;box-shadow:0 2px 5px #0000000d}.btn-back:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.deployed-title-container{display:flex;align-items:flex-start;gap:1rem}.deployed-title-icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #4f46e533}.deployed-title-content{flex:1}.deployed-title{font-size:1.875rem;font-weight:700;margin:0 0 .625rem;line-height:1.2}.deployed-title-highlight{background:linear-gradient(to right,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.deployed-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0;max-width:600px}.deployed-actions{display:flex;gap:1rem}.btn-deploy{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 6px 14px #4f46e540;overflow:hidden}.btn-deploy:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4f46e559}.btn-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.deployed-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;background-color:var(--bg-secondary);padding:1.25rem;border-radius:var(--radius-lg);box-shadow:var(--elevation-low);border:1px solid var(--border-color)}@media (min-width: 768px){.deployed-controls{flex-direction:row;justify-content:space-between;align-items:center}}.deployed-search{position:relative;flex:1;max-width:480px}.deployed-search i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.deployed-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-normal)}.deployed-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.deployed-filters{display:flex;gap:1rem;align-items:center}.deployed-select{position:relative}.deployed-select select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;transition:all var(--transition-normal)}.deployed-select select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.deployed-view-toggle{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-tertiary);padding:.25rem;border-radius:var(--radius-md)}.toggle-btn{width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);border:none;background-color:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background-color:var(--primary);color:#fff;box-shadow:0 2px 5px #4f46e54d}.deployed-content{margin-bottom:2rem}.deployed-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.deployed-agent-grid{transition:all var(--transition-normal)}.agent-card{position:relative;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;height:100%;transition:all var(--transition-normal);box-shadow:var(--elevation-low);cursor:pointer}.agent-card:hover{transform:translateY(-8px);box-shadow:var(--elevation-medium);border-color:#4f46e54d}.agent-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(79,70,229,.08),transparent 70%);opacity:0;transition:opacity var(--transition-normal)}.agent-card:hover .agent-glow{opacity:1}.agent-content{position:relative;z-index:1;padding:1.5rem}.agent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.agent-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.agent-icon.active{background-color:#10b98126;color:var(--success)}.agent-icon.maintenance,.agent-icon.warning{background-color:#f59e0b26;color:var(--warning)}.agent-icon.error,.agent-icon.inactive{background-color:#ef444426;color:var(--critical)}.agent-actions{display:flex;align-items:center;gap:.75rem}.agent-status{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize;display:flex;align-items:center;justify-content:center}.agent-status.active{background-color:#10b98126;color:var(--success)}.agent-status.maintenance,.agent-status.warning{background-color:#f59e0b26;color:var(--warning)}.agent-status.error,.agent-status.inactive{background-color:#ef444426;color:var(--critical)}.agent-delete{width:2rem;height:2rem;margin-top:30px;border-radius:50%;border:none;background-color:#ef44441a;color:var(--critical);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.agent-delete:hover{transform:translateY(-2px);background-color:#ef444433}.agent-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.agent-description{font-size:.9375rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.agent-health{margin-bottom:1.5rem}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.health-header span:first-child{font-size:.875rem;color:var(--text-secondary)}.health-header span:last-child{font-size:.875rem;font-weight:600}.health-good{color:var(--success)}.health-warning{color:var(--warning)}.health-critical{color:var(--critical)}.health-bar{height:.375rem;background-color:var(--neutral-400);border-radius:var(--radius-full);overflow:hidden}.health-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.health-fill.health-good{background:linear-gradient(to right,#10b981,#0ea5e9)}.health-fill.health-warning{background:linear-gradient(to right,#f59e0b,#f97316)}.health-fill.health-critical{background:linear-gradient(to right,#ef4444,#f87171)}.agent-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.agent-detail{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:var(--text-secondary)}.agent-detail i{color:var(--primary);width:1rem;display:flex;justify-content:center}.agent-dashboard-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 0;background-color:var(--primary-light);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.agent-dashboard-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:rotate(45deg);transition:all .8s ease}.agent-dashboard-btn:hover:after{transform:rotate(45deg) translate(80%,80%)}.agent-dashboard-btn:hover{box-shadow:0 4px 12px #4f46e54d}.deployed-agents-list{display:flex;flex-direction:column;gap:1rem}.deployed-agent-list{transition:all var(--transition-normal)}.agent-list-item{display:flex;align-items:center;gap:1.25rem;transform:translateY(-4px);padding:1.25rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:var(--elevation-low);cursor:pointer}.agent-list-item:hover{box-shadow:var(--elevation-medium);border-color:#4f46e54d}.agent-info{flex:1;min-width:0}.agent-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.agent-stats{display:flex;align-items:center;gap:1.5rem;margin-top:.75rem}.agent-stat{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.agent-health-stat{display:flex;align-items:center;gap:.5rem;margin-left:auto}.health-mini-bar{width:5rem;height:.25rem;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.health-mini-fill{height:100%;border-radius:var(--radius-full)}.health-mini-fill.health-good{background:linear-gradient(to right,#10b981,#0ea5e9)}.health-mini-fill.health-warning{background:linear-gradient(to right,#f59e0b,#f97316)}.health-mini-fill.health-critical{background:linear-gradient(to right,#ef4444,#f87171)}.agent-actions-list{display:flex;align-items:center;gap:.75rem}.agent-view-btn{padding:.625rem 1.25rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 6px #4f46e533}.agent-view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #4f46e54d}.agent-delete-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:none;background-color:#ef44441a;color:var(--critical);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.agent-delete-btn:hover{transform:translateY(-2px);background-color:#ef444433}.deployed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--elevation-low)}.empty-animation{position:relative;height:160px;width:160px;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem}.robot{position:relative;z-index:2;transform-origin:center bottom;animation:float 4s ease-in-out infinite;display:flex;flex-direction:column;align-items:center}.robot-head{width:80px;height:70px;background:var(--primary-gradient);border-radius:15px;position:relative;overflow:hidden;box-shadow:0 10px 20px #625bf64d;margin:0 auto}.robot-head:after{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:rgba(255,255,255,.1);border-radius:15px 15px 0 0}.robot-eye{width:15px;height:15px;background-color:#fff;border-radius:50%;position:absolute;top:30px;animation:blink 3s infinite}.robot-eye.left{left:20px}.robot-eye.right{right:20px}.robot-antenna{width:8px;height:20px;background:linear-gradient(to top,var(--primary-dark),var(--primary-light));position:absolute;top:-15px;left:50%;transform:translate(-50%);border-radius:4px;z-index:-1}.robot-body{width:100px;height:60px;background:var(--primary-gradient);border-radius:12px;margin-top:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #625bf64d;overflow:hidden}.robot-body:after{content:"";position:absolute;bottom:0;left:0;right:0;height:15px;background:rgba(0,0,0,.2);border-radius:0 0 12px 12px}.robot-badge{width:20px;height:20px;background-color:#ffffffe6;border-radius:50%;animation:pulse 2s infinite}.circle{position:absolute;border-radius:50%;opacity:.5;z-index:1}.bg-circle-1{width:100px;height:100px;background:radial-gradient(circle at center,rgba(98,91,246,.15),transparent 70%);top:0;right:0}.bg-circle-2{width:120px;height:120px;background:radial-gradient(circle at center,rgba(123,88,242,.1),transparent 70%);bottom:0;left:0}.bg-circle-3{width:60px;height:60px;background:radial-gradient(circle at center,rgba(98,91,246,.12),transparent 70%);top:20px;left:20px}.empty-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.empty-desc{color:var(--text-secondary);font-size:.9375rem;margin:0 0 2rem;max-width:400px}.btn-marketplace{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 8px 16px #4f46e54d}.btn-marketplace:hover{transform:translateY(-3px);box-shadow:0 12px 20px #4f46e566}.btn-marketplace:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:rotate(45deg);transition:all .8s ease}.btn-marketplace:hover:after{transform:rotate(45deg) translate(80%,80%)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.confirmation-modal{width:100%;max-width:450px;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--elevation-high);overflow:hidden;animation:scaleIn .3s ease}.confirmation-header{padding:1.5rem;display:flex;align-items:center;border-bottom:1px solid var(--border-color);position:relative}.confirmation-icon-container{width:3rem;height:3rem;border-radius:50%;background-color:#ef44441a;color:var(--critical);display:flex;align-items:center;justify-content:center;margin-right:1rem}.confirmation-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.confirmation-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:50%;border:none;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.confirmation-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.confirmation-body{padding:1.5rem}.confirmation-message{font-size:1rem;margin:0 0 .75rem;color:var(--text-primary)}.confirmation-description{font-size:.9375rem;color:var(--text-secondary);margin:0}.confirmation-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--border-color)}.btn-cancel{padding:.625rem 1.25rem;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-cancel:hover{background-color:var(--bg-secondary)}.btn-delete{padding:.625rem 1.25rem;background-color:var(--critical);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all var(--transition-normal)}.btn-delete:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blink{0%,45%,55%,to{transform:scale(1);opacity:1}50%{transform:scale(.1);opacity:.5}}@keyframes pulse{0%{box-shadow:0 0 #4f46e599}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 #4f46e500}}@media (max-width: 767px){.deployed-header-wrap{padding:1.25rem}.deployed-title{font-size:1.5rem}.deployed-subtitle{font-size:.9375rem}.agent-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.agent-health-stat{margin-left:0;margin-top:.5rem}.agent-list-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.agent-info-header{width:100%}.agent-actions-list{width:100%;justify-content:space-between}.agent-view-btn{flex:1}.confirmation-modal{width:90%;max-width:400px}}.dark-theme .deployed-header-wrap{background:linear-gradient(to right,rgba(79,70,229,.08),rgba(79,70,229,.02));border-color:#6366f133}.dark-theme .agent-card,.dark-theme .agent-list-item,.dark-theme .confirmation-modal,.dark-theme .deployed-empty{background-color:var(--bg-secondary);border-color:var(--border-color)}.dark-theme .agent-glow{background:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent 70%)}.dark-theme .btn-back{background-color:#ffffff0d;border-color:#ffffff1a}.dark-theme .btn-back:hover{background-color:#ffffff1a}.dark-theme .deployed-search input,.dark-theme .deployed-select select{background-color:var(--bg-secondary)}.dark-theme .health-bar,.dark-theme .health-mini-bar{background-color:#ffffff1a}.dark-theme .btn-cancel{background-color:var(--bg-tertiary);color:var(--text-primary)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.login-container{background-color:var(--bg-primary);width:100%;min-height:100vh;display:flex;color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);position:relative;overflow:hidden}.dark-theme .login-container{background-color:var(--dark-bg-primary);width:100%;min-height:100vh;display:flex;color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);position:relative;overflow:hidden}.neural-network-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.4}.bg-accent{position:absolute;border-radius:50%;filter:blur(120px);opacity:.06;z-index:0;mix-blend-mode:normal;transition:all 3s ease-in-out}.bg-accent.accent-1{width:45vw;height:45vw;background:radial-gradient(circle at center,rgba(var(--accent-color-rgb),.8) 0%,rgba(var(--accent-color-rgb),.1) 70%);top:-15%;right:-10%;animation:float 25s infinite alternate ease-in-out}.bg-accent.accent-2{width:30vw;height:30vw;background:radial-gradient(circle at center,rgba(var(--info-color-rgb),.8) 0%,rgba(var(--info-color-rgb),.1) 70%);bottom:-10%;left:5%;animation:float 20s infinite alternate-reverse ease-in-out}.bg-accent.accent-3{width:20vw;height:20vw;background:radial-gradient(circle at center,rgba(var(--success-color-rgb),.6) 0%,rgba(var(--success-color-rgb),.1) 70%);top:20%;left:15%;animation:float 18s infinite alternate ease-in-out 2s}.login-container:hover .bg-accent{opacity:.09}.dark-theme .bg-accent{opacity:.15;filter:blur(100px)}.dark-theme .bg-accent.accent-1{background:radial-gradient(circle at center,rgba(99,102,241,.8) 0%,rgba(99,102,241,.2) 70%)}.dark-theme .bg-accent.accent-2{background:radial-gradient(circle at center,rgba(37,99,235,.8) 0%,rgba(37,99,235,.2) 70%)}.dark-theme .bg-accent.accent-3{background:radial-gradient(circle at center,rgba(5,150,105,.6) 0%,rgba(5,150,105,.15) 70%)}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(2%,2%) scale(1.03)}to{transform:translate(4%,4%) scale(1)}}.login-page{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;z-index:1;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.login-content{display:flex;width:100%;height:100%;background-color:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--box-shadow-lg);overflow:hidden;border:1px solid rgba(var(--accent-color-rgb),.08);transition:all var(--transition-normal);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-theme .login-content{background-color:var(--dark-bg-secondary);border-color:var(--dark-border);box-shadow:var(--dark-shadow-lg)}.login-content:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--box-shadow-xl),0 10px 40px rgba(var(--accent-color-rgb),.15)}.dark-theme .login-content:hover{box-shadow:var(--dark-shadow-xl),0 10px 40px #6366f126}.login-form-panel{flex:1;padding:var(--space-2xl);display:flex;flex-direction:column;z-index:2;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.login-form-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .5s ease}.login-form-panel:hover:before{opacity:1}.logo{margin-bottom:var(--space-xl);position:relative;transition:transform .3s ease}.logo-image{height:45px;width:auto;object-fit:contain;transition:all var(--transition-normal);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.dark-theme .login-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);color:#fff;letter-spacing:-.02em;line-height:1.2}.login-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--font-size-md);line-height:1.5;max-width:90%}.accent-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;position:relative;display:inline-block;padding-bottom:3px}.accent-text:after{content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;background:var(--gradient-primary);border-radius:2px;transform:scaleX(0);transform-origin:bottom right;transition:transform .4s cubic-bezier(.4,0,.2,1)}.login-title:hover .accent-text:after{transform:scaleX(1);transform-origin:bottom left}.login-form{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl);position:relative}.form-group{display:flex;flex-direction:column;gap:var(--space-sm);transition:transform .3s ease}.form-group:focus-within{transform:translate(5px)}.label-row{display:flex;justify-content:space-between;align-items:center}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);transition:color .2s ease;display:flex;align-items:center;gap:5px}.label-icon{width:14px;height:14px;opacity:.7;display:inline-flex;vertical-align:middle}.label-text{display:inline-flex;vertical-align:middle}.dark-theme .label-text{display:inline-flex;vertical-align:middle;color:#fff}.forgot-link{font-size:var(--font-size-sm);color:var(--accent-color);text-decoration:none;transition:all var(--transition-fast);font-weight:500;position:relative;padding:2px 4px;border-radius:var(--radius-sm)}.forgot-link:hover{color:var(--accent-hover);background-color:var(--bg-accent)}.input-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg);transition:transform .3s ease,box-shadow .3s ease}.input-wrapper:focus-within{box-shadow:var(--box-shadow-md),0 0 0 3px rgba(var(--accent-color-rgb),.15)}.dark-theme .input-wrapper:focus-within{box-shadow:var(--dark-shadow-md),0 0 0 3px #6366f126}.password-toggle{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:10;transition:color .2s ease}.password-toggle:hover{color:var(--accent-color)}.dark-theme .password-toggle{color:var(--dark-text-secondary)}.dark-theme .password-toggle:hover{color:var(--dark-accent)}.form-control{width:100%;padding:.875rem 1.125rem;font-size:var(--font-size-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-normal);z-index:1;position:relative}.dark-theme .form-control{background-color:var(--dark-bg-tertiary);border-color:var(--dark-border);color:var(--dark-text-primary)}.form-control:focus{outline:none;border-color:var(--accent-color)}.dark-theme .form-control:focus{border-color:var(--dark-accent)}.form-control::placeholder{color:var(--text-secondary);opacity:.6}.dark-theme .form-control::placeholder{color:var(--dark-text-secondary)}.input-highlight{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .4s cubic-bezier(.4,0,.2,1);z-index:2;border-radius:1px}.form-control:focus~.input-highlight{width:100%}.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:2;transition:color .2s ease}.dark-theme .input-icon{color:var(--dark-text-secondary)}.form-control:focus~.input-icon{color:var(--accent-color)}.dark-theme .form-control:focus~.input-icon{color:var(--dark-accent)}.error-message{color:var(--error-color);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);animation:slideInUp .3s ease;background-color:rgba(var(--error-color-rgb),.1);padding:.5rem .75rem;border-radius:var(--radius-md);border-left:3px solid var(--error-color)}.dark-theme .error-message{color:var(--dark-error);background-color:#dc26261a;border-left-color:var(--dark-error)}.error-message:before{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.dark-theme .error-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}.password-strength{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);animation:fadeIn .4s ease}.dark-theme .strength-text:before{background-color:var(--dark-text-secondary)}.login-button{display:flex;align-items:center;justify-content:center;height:3.5rem;font-size:var(--font-size-md);font-weight:600;padding:var(--space-md) var(--space-xl);background-image:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--box-shadow-accent);letter-spacing:.02em}.dark-theme .login-button{background-image:var(--gradient-primary);box-shadow:var(--dark-shadow-accent)}.login-button:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--box-shadow-lg),0 10px 25px rgba(var(--accent-color-rgb),.4)}.dark-theme .login-button:hover:not(:disabled){box-shadow:var(--dark-shadow-lg),0 10px 25px #6366f14d}.login-button:active:not(:disabled){transform:translateY(-2px);box-shadow:var(--box-shadow-md),0 5px 15px rgba(var(--accent-color-rgb),.3)}.dark-theme .login-button:active:not(:disabled){box-shadow:var(--dark-shadow-md),0 5px 15px #6366f133}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s}.login-button:hover:before{left:100%}.login-button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);opacity:.5}.button-text{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-sm);transition:transform .2s ease}.login-button:hover .button-text{transform:scale(1.03)}.button-icon{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'%3E%3C/path%3E%3Cpolyline points='10 17 15 12 10 7'%3E%3C/polyline%3E%3Cline x1='15' y1='12' x2='3' y2='12'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0;transition:transform .3s ease}.login-button:hover .button-icon{transform:translate(3px)}.feature-panel{flex:1.3;background-image:var(--gradient-cool);color:#fff;padding:var(--space-2xl);position:relative;display:flex;flex-direction:column;justify-content:center;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.dark-theme .feature-panel{background-image:linear-gradient(135deg,#3a3a99 0%,#1a1a4b 100%)}.feature-panel:before{content:"";background-image:radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0%,transparent 50%);z-index:0}.feature-content{max-height:100%;position:relative;z-index:2;max-width:500px}.feature-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-md);letter-spacing:-.5px;line-height:1.3;animation:fadeInRight .8s ease;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block}.feature-title:after{content:"";position:absolute;width:50px;height:4px;background-color:#ffffffb3;bottom:-12px;left:0;border-radius:2px}.feature-description{color:#ffffffe6;font-size:var(--font-size-md);margin-bottom:var(--space-xl);line-height:1.7;animation:fadeInRight 1s ease;text-shadow:0 1px 2px rgba(0,0,0,.1)}.feature-list{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl);animation:fadeInRight 1.2s ease}.feature-item{display:flex;align-items:flex-start;gap:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);padding:var(--space-sm);border-radius:var(--radius-lg)}.feature-item:hover{transform:translate(8px);background-color:#ffffff1a}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background-color:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%)}.feature-item:hover .feature-icon{background-color:#ffffff40;transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px #ffffff4d}.feature-icon svg{width:24px;height:24px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:transform .3s ease}.feature-item:hover .feature-icon svg{transform:scale(1.2)}.feature-text{flex:1}.feature-text h3{font-size:var(--font-size-lg);font-weight:700;color:#fff;margin-bottom:var(--space-xs);transition:color .2s ease}.feature-item:hover .feature-text h3{color:#fff}.feature-text p{font-size:var(--font-size-sm);color:#fffc;line-height:1.5;transition:color .2s ease}.feature-item:hover .feature-text p{color:#fffffff2}.theme-toggle{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background-color:var(--bg-tertiary);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:var(--box-shadow-md);overflow:hidden}.dark-theme .theme-toggle{background-color:var(--dark-bg-tertiary);color:var(--dark-text-secondary);box-shadow:var(--dark-shadow-md)}.theme-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(var(--accent-color-rgb),.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.dark-theme .theme-toggle:before{background:radial-gradient(circle at center,rgba(99,102,241,.2) 0%,transparent 70%)}.theme-toggle:hover{background-color:var(--bg-accent);color:var(--accent-color);transform:rotate(15deg) scale(1.1);box-shadow:var(--box-shadow-lg),0 0 15px rgba(var(--accent-color-rgb),.3)}.dark-theme .theme-toggle:hover{background-color:var(--dark-bg-accent);color:var(--dark-accent);box-shadow:var(--dark-shadow-lg),0 0 15px #6366f133}.theme-toggle:hover:before{opacity:1}.theme-toggle svg{width:20px;height:20px;transition:transform .3s ease}.theme-toggle:hover svg{transform:scale(1.2)}.floating-dots{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1}.dot{position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff6;pointer-events:none;box-shadow:0 0 5px #fff3}.dot:nth-child(3n){width:6px;height:6px;background-color:#fff9}.dot:nth-child(5n){width:8px;height:8px;background-color:#ffffff4d}.ai-activity-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);background-color:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);box-shadow:var(--box-shadow-lg),0 4px 20px #0000001a;opacity:0;transition:opacity .4s ease,transform .4s ease;z-index:100;border:1px solid rgba(var(--accent-color-rgb),.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .ai-activity-indicator{background-color:var(--dark-bg-secondary);border-color:var(--dark-border);box-shadow:var(--dark-shadow-lg),0 4px 20px #00000026}.ai-activity-indicator.active{opacity:1;transform:translate(-50%) translateY(5px)}.ai-activity-pulse{width:14px;height:14px;border-radius:50%;background-color:var(--accent-color);position:relative;box-shadow:0 0 10px rgba(var(--accent-color-rgb),.5)}.dark-theme .ai-activity-pulse{background-color:var(--dark-accent);box-shadow:0 0 10px #6366f14d}.ai-activity-pulse:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--accent-color);animation:pulse 1.5s infinite;opacity:.6}.dark-theme .ai-activity-pulse:before{background-color:var(--dark-accent)}.ai-activity-indicator span{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:var(--space-xs)}.dark-theme .ai-activity-indicator span{color:var(--dark-text-primary)}.ai-activity-indicator span:after{content:"";width:3px;height:3px;background-color:var(--accent-color);border-radius:50%;display:inline-block;animation:blink 1.5s infinite}.dark-theme .ai-activity-indicator span:after{background-color:var(--dark-accent)}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.alt-login-methods{display:flex;align-items:center;gap:var(--space-md);margin-bottom:0;padding-bottom:0;border-bottom:1px solid var(--border-color)}.dark-theme .alt-login-methods{border-color:var(--dark-border)}.login-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0;color:var(--text-secondary)}.dark-theme .login-divider{color:var(--dark-text-secondary)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.dark-theme .login-divider:before,.dark-theme .login-divider:after{background-color:var(--dark-border)}.login-divider span{font-size:var(--font-size-sm);font-weight:500;padding:0 var(--space-xs)}.social-login-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm);transition:all .3s ease;cursor:pointer}.dark-theme .social-login-button{background-color:var(--dark-bg-tertiary);border-color:var(--dark-border);color:var(--dark-text-primary)}.social-login-button:hover{background-color:var(--bg-accent);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.dark-theme .social-login-button:hover{background-color:var(--dark-bg-accent);border-color:var(--dark-accent);color:var(--dark-accent)}.social-login-button svg{width:18px;height:18px}.alternate-actions{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.dark-theme .alternate-actions{color:var(--dark-text-secondary)}.alternate-actions a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all var(--transition-fast);position:relative;padding:2px 4px;border-radius:var(--radius-sm)}.dark-theme .alternate-actions a{color:var(--dark-accent)}.alternate-actions a:hover{color:var(--accent-hover);background-color:var(--bg-accent)}.dark-theme .alternate-actions a:hover{color:var(--dark-accent-hover);background-color:var(--dark-bg-accent)}.alternate-actions a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.dark-theme .alternate-actions a:after{background-color:var(--dark-accent)}.alternate-actions a:hover:after{transform:scaleX(1);transform-origin:left}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:0}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1200px){.login-content{max-width:1000px}.login-form-panel,.feature-panel{padding:var(--space-xl)}.feature-panel{flex:1}}@media (max-width: 992px){.login-content{min-height:600px}.feature-title,.login-title{font-size:var(--font-size-2xl)}}@media (min-width: 768px){.login-page{max-height:100vh}}@media (max-width: 768px){.login-content{flex-direction:column;max-height:none;height:auto}.feature-panel{display:none}.login-form-panel{padding:var(--space-lg)}.alt-login-methods{flex-direction:column;gap:var(--space-sm)}.social-login-button{width:100%}.login-page{max-height:auto}}@media (max-width: 576px){.login-page{max-height:auto;padding:var(--space-md)}.login-content{border-radius:var(--radius-lg);min-height:auto}.login-form-panel{padding:var(--space-md)}.login-title{font-size:var(--font-size-xl)}.login-subtitle{font-size:var(--font-size-sm)}.theme-toggle{top:1rem;right:1rem;width:36px;height:36px}}@media (max-width: 480px){.login-button{height:3.25rem}.login-form{gap:var(--space-md)}.alternate-actions{flex-direction:column;gap:var(--space-xs)}}.dark-theme .login-content{background-color:#1e293bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-theme .login-content{box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0003,0 0 0 1px #ffffff0d}.dark-theme .login-content:hover{box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000040,0 0 0 1px #ffffff1a,0 0 30px 5px #6366f126}.dark-theme .input-highlight{background:var(--gradient-primary)}.dark-theme .feature-panel{border-left:1px solid rgba(255,255,255,.05)}.error-message:before{content:"";display:block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f43f5e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.dark-theme .error-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e11d48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}.error-message:before{content:"";display:block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f43f5e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.dark-theme .error-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e11d48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}:root{--accent-color-rgb: 139, 92, 246;--accent-hover-rgb: 124, 58, 237;--success-color-rgb: 16, 185, 129;--error-color-rgb: 244, 63, 94;--warning-color-rgb: 234, 179, 8;--info-color-rgb: 6, 182, 212;--light-bg-primary: #fafafa;--light-bg-secondary: #ffffff;--light-bg-tertiary: #f5f5f5;--light-bg-accent: rgba(139, 92, 246, .08);--light-text-primary: #18181b;--light-text-secondary: #71717a;--light-border: rgba(228, 228, 231, .5);--light-accent: #8b5cf6;--light-accent-hover: #7c3aed;--light-accent-muted: #a78bfa;--light-shadow: 0 1px 2px rgba(0, 0, 0, .04);--light-shadow-md: 0 12px 22px -5px rgba(0, 0, 0, .04), 0 10px 10px -5px rgba(0, 0, 0, .02);--light-shadow-lg: 0 25px 35px -5px rgba(0, 0, 0, .05), 0 10px 15px -5px rgba(0, 0, 0, .02);--light-shadow-accent: 0 15px 25px -5px rgba(139, 92, 246, .15), 0 8px 15px -6px rgba(139, 92, 246, .1);--light-success: #10b981;--light-warning: #eab308;--light-error: #f43f5e;--light-info: #06b6d4;--dark-bg-primary: #18181b;--dark-bg-secondary: #27272a;--dark-bg-tertiary: #3f3f46;--dark-bg-accent: rgba(139, 92, 246, .15);--dark-text-primary: #f4f4f5;--dark-text-secondary: #a1a1aa;--dark-border: rgba(63, 63, 70, .6);--dark-accent: #8b5cf6;--dark-accent-hover: #7c3aed;--dark-accent-muted: #a78bfa;--dark-shadow: 0 1px 3px rgba(0, 0, 0, .4);--dark-shadow-md: 0 15px 25px -3px rgba(0, 0, 0, .2), 0 8px 12px -4px rgba(0, 0, 0, .3);--dark-shadow-lg: 0 30px 45px -5px rgba(0, 0, 0, .3), 0 15px 20px -10px rgba(0, 0, 0, .2);--dark-shadow-accent: 0 15px 25px -5px rgba(139, 92, 246, .25), 0 8px 15px -6px rgba(139, 92, 246, .15);--dark-success: #059669;--dark-warning: #ca8a04;--dark-error: #e11d48;--dark-info: #0891b2;--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--bg-accent: var(--light-bg-accent);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--border-color: var(--light-border);--accent-color: var(--light-accent);--accent-hover: var(--light-accent-hover);--accent-muted: var(--light-accent-muted);--box-shadow: var(--light-shadow);--box-shadow-md: var(--light-shadow-md);--box-shadow-lg: var(--light-shadow-lg);--box-shadow-accent: var(--light-shadow-accent);--success-color: var(--light-success);--warning-color: var(--light-warning);--error-color: var(--light-error);--info-color: var(--light-info);--gradient-primary: linear-gradient(135deg, #8b5cf6, #6366f1);--gradient-primary-hover: linear-gradient(135deg, #7c3aed, #4f46e5);--gradient-success: linear-gradient(135deg, #10b981, #06b6d4);--gradient-warning: linear-gradient(135deg, #eab308, #f59e0b);--gradient-danger: linear-gradient(135deg, #f43f5e, #ef4444);--gradient-cool: linear-gradient(135deg, #06b6d4, #3b82f6);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1010;--z-fixed: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}.signup-container{width:100%;min-height:100vh;display:flex;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);position:relative;overflow:hidden;font-family:var(--font-family)}.neural-network-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.35}.bg-accent{position:absolute;border-radius:50%;filter:blur(150px);opacity:.04;z-index:0;mix-blend-mode:plus-lighter;transition:all 4s ease-in-out;transform-origin:center center}.bg-accent.accent-1{width:60vw;height:60vw;background:radial-gradient(circle at center,rgba(var(--accent-color-rgb),.7) 0%,rgba(var(--accent-color-rgb),.05) 70%);top:-20%;right:-15%;animation:float-slow 25s infinite alternate ease-in-out}.bg-accent.accent-2{width:45vw;height:45vw;background:radial-gradient(circle at center,rgba(var(--info-color-rgb),.7) 0%,rgba(var(--info-color-rgb),.05) 70%);bottom:-25%;left:-5%;animation:float-slow 30s infinite alternate-reverse ease-in-out}.bg-accent.accent-3{width:35vw;height:35vw;background:radial-gradient(circle at center,rgba(var(--success-color-rgb),.5) 0%,rgba(var(--success-color-rgb),.05) 70%);top:30%;left:10%;animation:float-slow 28s infinite alternate ease-in-out 3s}.signup-container:hover .bg-accent{opacity:.08}.dark-theme .bg-accent{opacity:.1;filter:blur(150px);mix-blend-mode:screen}.dark-theme .bg-accent.accent-1{background:radial-gradient(circle at center,rgba(139,92,246,.5) 0%,rgba(139,92,246,.05) 70%)}.dark-theme .bg-accent.accent-2{background:radial-gradient(circle at center,rgba(6,182,212,.5) 0%,rgba(6,182,212,.05) 70%)}.dark-theme .bg-accent.accent-3{background:radial-gradient(circle at center,rgba(16,185,129,.4) 0%,rgba(16,185,129,.05) 70%)}@keyframes float-slow{0%{transform:translate(0) scale(1)}50%{transform:translate(2%,2%) scale(1.05)}to{transform:translate(-1%,3%) scale(.98)}}.signup-page{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:var(--space-md);position:relative;z-index:1;min-height:auto}.signup-content{padding:var(--space-md);display:flex;flex-direction:column;width:100%;max-width:900px;background-color:rgba(var(--accent-color-rgb),.01);border-radius:var(--radius-2xl);box-shadow:var(--box-shadow-lg);overflow:hidden;position:relative;border:1px solid rgba(var(--accent-color-rgb),.06);transition:all var(--transition-normal);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:scaleIn .7s var(--transition-bounce)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.signup-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.65);border-radius:var(--radius-2xl);z-index:-1;pointer-events:none}.dark-theme .signup-content{background-color:rgba(var(--accent-color-rgb),.02);border-color:rgba(var(--accent-color-rgb),.08);box-shadow:var(--dark-shadow-lg)}.dark-theme .signup-content:before{background:rgba(39,39,42,.75)}.signup-content:hover{transform:translateY(-8px);box-shadow:var(--box-shadow-lg),0 25px 50px rgba(var(--accent-color-rgb),.1)}.dark-theme .signup-content:hover{box-shadow:var(--dark-shadow-lg),0 25px 50px #8b5cf61a}.signup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);position:relative}.dark-theme .signup-header{border-color:var(--dark-border)}.logo{height:38px;display:flex;align-items:center;position:relative;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-image{height:100%;width:auto;object-fit:contain;transition:all var(--transition-normal);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dark-theme .logo-image{filter:brightness(1) drop-shadow(0 2px 4px rgba(0,0,0,.2))}:root:not(.dark-theme) .logo-image{filter:brightness(0) invert(.2) drop-shadow(0 2px 4px rgba(0,0,0,.1))}.form-container{padding:var(--space-md);display:grid;flex-direction:column;gap:var(--space-lg);align-items:start}.form-content{grid-column:1 / 2}.dark-theme .form-sidebar:before{background:radial-gradient(circle at center,rgba(var(--accent-color-rgb),.2) 0%,rgba(var(--accent-color-rgb),.01) 70%)}.form-greeting{font-size:var(--font-size-4xl);font-weight:700;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:var(--space-lg);position:relative;text-align:center;line-height:1.2}.form-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em;line-height:1.2}.dark-theme .form-title{color:var(--dark-text-primary)}.form-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5;max-width:500px}.dark-theme .form-subtitle{color:var(--dark-text-secondary)}.form-fields{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{position:relative;transition:transform var(--transition-normal);transform-origin:left;margin-bottom:var(--space-xs)}.form-group:focus-within{transform:scale(1.01)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs);transition:color var(--transition-normal);letter-spacing:.02em;display:inline-flex}.form-group:focus-within .form-label{color:var(--accent-color)}.dark-theme .form-label{color:var(--dark-text-secondary)}.dark-theme .form-group:focus-within .form-label{color:var(--accent-color)}.form-control{width:100%;padding:1rem 1.25rem;font-size:var(--font-size-md);font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-xl);transition:all var(--transition-normal);box-shadow:0 2px 10px #00000008;outline:none}.dark-theme .form-control{background-color:#3f3f464d;color:var(--dark-text-primary);box-shadow:0 2px 10px #0000001a}.form-control:focus{border-color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.03);box-shadow:0 5px 15px rgba(var(--accent-color-rgb),.1);transform:translateY(-2px)}.dark-theme .form-control:focus{border-color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.08);box-shadow:0 5px 15px #8b5cf626}.form-control::placeholder{color:var(--text-secondary);opacity:.5;font-weight:400}.dark-theme .form-control::placeholder{color:var(--dark-text-secondary);opacity:.5}.form-field-animation{position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--gradient-primary);z-index:1;transition:width var(--transition-normal);border-radius:var(--radius-full);opacity:0}.form-group:focus-within .form-field-animation{width:100%;opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:var(--font-size-md);font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid transparent;border-radius:var(--radius-xl);transition:all var(--transition-normal);position:relative;overflow:hidden;gap:.75rem;letter-spacing:.01em}.dark-theme .btn-primary{box-shadow:var(--dark-shadow-accent)}.btn-primary:hover{background-image:var(--gradient-primary-hover);box-shadow:0 10px 25px -5px rgba(var(--accent-color-rgb),.4);transform:translateY(-3px)}.dark-theme .btn-primary:hover{box-shadow:0 10px 25px -5px #8b5cf666}.btn-primary:active{transform:translateY(-1px);box-shadow:0 5px 15px -5px rgba(var(--accent-color-rgb),.4);transition:all .1s}.btn-secondary{background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.dark-theme .btn-secondary{color:var(--dark-text-primary);border-color:var(--dark-border)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.03);transform:translateY(-3px);box-shadow:0 8px 20px -8px rgba(var(--accent-color-rgb),.25)}.dark-theme .btn-secondary:hover{border-color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);box-shadow:0 8px 20px -8px #8b5cf64d}.btn-secondary:active{transform:translateY(-1px)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease-in-out;z-index:1}.btn-primary:hover:before{left:100%}.btn-icon{margin-right:8px;transition:transform var(--transition-normal)}.btn:hover .btn-icon{transform:translate(-3px)}.btn-block{width:100%}.btn-outline{background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px -8px rgba(var(--accent-color-rgb),.35)}.error-message{color:var(--error-color);font-size:var(--font-size-sm);margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm);animation:fadeInUp .4s var(--transition-bounce);padding:.5rem .75rem;border-radius:var(--radius-lg);background-color:rgba(var(--error-color-rgb),.05);font-weight:500;transform-origin:left center}.error-message:before{content:"";display:block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f43f5e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.dark-theme .error-message{color:var(--dark-error);background-color:#e11d481a}.dark-theme .error-message:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e11d48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-animation{display:flex;align-items:center;gap:var(--space-sm)}.loading-circle{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 10px #ffffff80}.loading-text{font-size:var(--font-size-sm);letter-spacing:.03em;position:relative;overflow:hidden}.loading-text:after{content:"...";position:absolute;width:1.2em;text-align:left;animation:dots 1.5s infinite steps(4,end)}@keyframes dots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-upload-container{display:flex;flex-direction:column;gap:var(--space-md);width:100%;align-items:center}.hidden-file-input{display:none}.avatar-upload-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.avatar-dropzone{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;transition:all var(--transition-normal);cursor:pointer;margin:0 auto;box-shadow:0 10px 25px -5px rgba(var(--accent-color-rgb),.2)}.avatar-dropzone:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 30px -10px rgba(var(--accent-color-rgb),.3)}.dark-theme .avatar-dropzone{box-shadow:0 10px 25px -5px #8b5cf633}.dark-theme .avatar-dropzone:hover{box-shadow:0 20px 30px -10px #8b5cf64d}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--accent-color-rgb),.1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--transition-normal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;z-index:2}.avatar-dropzone:hover .avatar-overlay{opacity:1}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));color:var(--accent-color);font-weight:600;gap:var(--space-sm);border-radius:50%;border:2px dashed rgba(var(--accent-color-rgb),.3)}.dark-theme .avatar-placeholder{background:linear-gradient(135deg,var(--dark-bg-tertiary),var(--dark-bg-secondary));border-color:#8b5cf64d}.avatar-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1);border-radius:var(--radius-full);transition:all var(--transition-normal)}.dark-theme .avatar-icon{color:var(--accent-color);background-color:#8b5cf626}.avatar-icon svg{width:22px;height:22px}.avatar-text{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;max-width:110px;font-weight:500}.dark-theme .avatar-text{color:var(--dark-text-secondary)}.avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1;animation:fadeScaleIn .5s var(--transition-bounce)}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.change-image-button{background-color:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);font-size:var(--font-size-sm);font-weight:500;padding:.6rem 1.2rem;border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-normal);border:none}.dark-theme .change-image-button{background-color:#8b5cf626;color:var(--accent-color)}.change-image-button:hover{background-color:rgba(var(--accent-color-rgb),.15);transform:translateY(-3px);box-shadow:0 10px 20px -10px rgba(var(--accent-color-rgb),.4)}.dark-theme .change-image-button:hover{background-color:#8b5cf633;box-shadow:0 10px 20px -10px #8b5cf666}.overlay-upload-btn{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem 1rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:600;font-size:var(--font-size-sm);margin-top:var(--space-sm);transition:all var(--transition-normal)}.overlay-upload-btn:hover{background-color:#ffffff4d;transform:scale(1.05)}.upload-benefits{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg);text-align:center}.benefit-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.dark-theme .benefit-item{color:var(--dark-text-secondary)}.benefit-icon{color:var(--accent-color);flex-shrink:0}.dark-theme .benefit-icon{color:var(--accent-color)}.password-input-wrapper{position:relative}.password-input-wrapper button{position:absolute;z-index:3}.password-strength{margin-top:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);animation:fadeIn .4s ease}.strength-meter{height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.dark-theme .strength-meter{background-color:var(--dark-bg-tertiary)}.strength-progress{height:100%;width:0;transition:width .5s cubic-bezier(.4,0,.2,1),background-color .5s ease;border-radius:3px;position:relative;overflow:hidden}.strength-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 100%);animation:shimmer 2s infinite;transform:skew(-45deg)}@keyframes shimmer{0%{transform:translate(-100%) skew(-45deg)}to{transform:translate(100%) skew(-45deg)}}.strength-progress.weak{width:25%;background-color:var(--error-color)}.strength-progress.medium{width:50%;background-color:var(--warning-color)}.strength-progress.good{width:75%;background-color:var(--info-color)}.strength-progress.strong{width:100%;background-color:var(--success-color)}.dark-theme .strength-progress.weak{background-color:var(--dark-error)}.dark-theme .strength-progress.medium{background-color:var(--dark-warning)}.dark-theme .strength-progress.good{background-color:var(--dark-info)}.dark-theme .strength-progress.strong{background-color:var(--dark-success)}.strength-text{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:6px}.dark-theme .strength-text{color:var(--dark-text-secondary)}.strength-text:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary)}.weak .strength-text:before{background-color:var(--error-color)}.medium .strength-text:before{background-color:var(--warning-color)}.good .strength-text:before{background-color:var(--info-color)}.strong .strength-text:before{background-color:var(--success-color)}.dark-theme .weak .strength-text:before{background-color:var(--dark-error)}.dark-theme .medium .strength-text:before{background-color:var(--dark-warning)}.dark-theme .good .strength-text:before{background-color:var(--dark-info)}.dark-theme .strong .strength-text:before{background-color:var(--dark-success)}.form-actions{display:flex;justify-content:space-between;margin-top:var(--space-xl);align-items:center}.actions-left{display:flex;align-items:center}.actions-right{display:flex;gap:var(--space-md)}.form-completion{padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .5s ease}.completion-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(45deg,var(--success-color),rgba(var(--accent-color-rgb),.5));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);position:relative;box-shadow:0 20px 30px -10px rgba(var(--success-color-rgb),.3);animation:pulse 2s infinite}.dark-theme .completion-circle{background:linear-gradient(45deg,var(--dark-success),rgba(139,92,246,.5));box-shadow:0 20px 30px -10px #0596694d}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--success-color-rgb),.4)}70%{box-shadow:0 0 0 15px rgba(var(--success-color-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--success-color-rgb),0)}}.completion-icon{width:60px;height:60px;color:#fff}.completion-message{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);text-align:center}.dark-theme .completion-message{color:var(--dark-text-primary)}.completion-text{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;max-width:500px;margin-bottom:var(--space-xl)}.dark-theme .completion-text{color:var(--dark-text-secondary)}.signup-footer{padding:var(--space-md) var(--space-xl);text-align:center;border-top:1px solid rgba(var(--accent-color-rgb),.05);position:relative}.dark-theme .signup-footer{border-color:#8b5cf61a}.footer-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:500}.dark-theme .footer-text{color:var(--dark-text-secondary)}.footer-text a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all var(--transition-normal);position:relative;display:inline-flex;align-items:center;gap:5px}.dark-theme .footer-text a{color:var(--accent-color)}.footer-link-highlight{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);border-radius:var(--radius-full)}.footer-text a:hover .footer-link-highlight{transform:scaleX(1)}.footer-text a:hover,.dark-theme .footer-text a:hover{color:var(--accent-hover)}.footer-link-icon{transition:transform var(--transition-normal)}.footer-text a:hover .footer-link-icon{transform:translate(3px)}.theme-toggle{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:var(--radius-full);background-color:rgba(var(--accent-color-rgb),.05);border:2px solid rgba(var(--accent-color-rgb),.1);color:var(--accent-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 10px 20px -10px rgba(var(--accent-color-rgb),.2);overflow:hidden}.dark-theme .theme-toggle{background-color:#8b5cf61a;border-color:#8b5cf633;color:var(--accent-color);box-shadow:0 10px 20px -10px #8b5cf64d}.theme-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(var(--accent-color-rgb),.3) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;transform:scale(.8)}.dark-theme .theme-toggle:before{background:radial-gradient(circle at center,rgba(139,92,246,.3) 0%,transparent 70%)}.theme-toggle:hover{border-color:var(--accent-color);transform:rotate(15deg) scale(1.1);box-shadow:0 15px 30px -10px rgba(var(--accent-color-rgb),.3)}.dark-theme .theme-toggle:hover{border-color:var(--accent-color);box-shadow:0 15px 30px -10px #8b5cf659}.theme-toggle:hover:before{opacity:1;transform:scale(1.2)}.theme-toggle svg{width:22px;height:22px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:hover svg{transform:rotate(360deg) scale(1.2)}.middle-names-toggle{transition:color .2s}.middle-names-toggle:hover,.middle-names-toggle:focus{color:var(--accent-hover);text-decoration:none;outline:none}.plus-icon{display:inline-block;font-size:22px;font-weight:700;line-height:1;margin-left:6px;vertical-align:middle}.plus-icon.open{color:var(--accent-hover)}.collapsible-middle-names{overflow:hidden;max-height:0;opacity:0;transform:translateY(-.5rem) scaleY(.96);transition:max-height .35s cubic-bezier(.52,1.36,.52,1),opacity .22s cubic-bezier(.45,1.3,.45,1),transform .28s cubic-bezier(.45,1.3,.45,1);will-change:max-height,opacity,transform}.collapsible-middle-names.show{max-height:90px;opacity:1;transform:translateY(0) scaleY(1);margin-bottom:.2rem;pointer-events:auto}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmerGradient{0%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 1200px){.signup-page{padding:var(--space-lg) var(--space-md)}.form-sidebar:before{width:250px;height:250px}}@media (max-width: 1024px){.form-container{grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-xl)}.form-content,.form-sidebar{grid-column:1 / 2}.form-sidebar{order:-1;margin-bottom:var(--space-lg)}}@media (max-width: 768px){.form-container{padding:var(--space-lg)}.form-greeting{font-size:var(--font-size-3xl)}.avatar-dropzone{width:150px;height:150px}.form-actions{flex-direction:column-reverse;gap:var(--space-md);align-items:stretch}.btn{width:100%}.theme-toggle{top:1rem;right:1rem;width:42px;height:42px}}@media (max-width: 576px){.signup-header{padding:var(--space-md);flex-direction:column;align-items:flex-start;gap:var(--space-md)}.logo{height:32px}.form-container{padding:var(--space-md)}.form-title{font-size:var(--font-size-xl)}.form-subtitle{font-size:var(--font-size-md)}.form-greeting{font-size:var(--font-size-2xl)}}.dark-theme .signup-content{background-color:#27272a8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.signup-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);padding:1px;background:linear-gradient(to bottom right,rgba(var(--accent-color-rgb),.3),rgba(var(--accent-color-rgb),.05),rgba(var(--accent-color-rgb),0),rgba(var(--accent-color-rgb),.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.dark-theme .signup-content:after{background:linear-gradient(to bottom right,rgba(139,92,246,.4),rgba(139,92,246,.05),rgba(139,92,246,0),rgba(139,92,246,.2));opacity:.6}@media screen and (-webkit-min-device-pixel-ratio: 0){.signup-content{-webkit-transform:translateZ(0);will-change:transform}}.profile-management-container{--bg-primary: #ffffff;--bg-secondary: #f8f9fc;--bg-tertiary: #f1f3f9;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #a5b4fc;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--border-color: #e5e7eb;--box-shadow: 0 4px 20px rgba(0, 0, 0, .05);--box-shadow-hover: 0 8px 30px rgba(0, 0, 0, .08);--box-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--box-shadow-accent: 0 4px 12px rgba(99, 102, 241, .2);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--gradient-primary: linear-gradient(135deg, #6366f1, #4f46e5);--gradient-success: linear-gradient(135deg, #10b981, #059669);transition:all .3s ease}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-picture-container{position:relative;width:160px;height:160px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all var(--transition-normal);border:4px solid rgba(99,102,241,.2);box-shadow:0 8px 25px #0000001a}.profile-picture{width:100%;height:100%}.avatar-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.profile-picture-container:hover .avatar-img{transform:scale(1.05)}.profile-picture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.profile-picture-container:hover .profile-picture-overlay{opacity:1}.overlay-content{display:flex;flex-direction:column;align-items:center;color:#fff}.overlay-content span{margin-top:.5rem;font-weight:500}.profile-status{display:flex;justify-content:center;margin-bottom:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.online{background-color:var(--success)}.status-dot.online:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background-color:var(--success);opacity:.3;animation:pulse 2s infinite}.upload-hint{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center}.form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:576px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{margin-bottom:.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.875rem}.input-wrapper{position:relative}.form-control{display:block;width:100%;padding:.875rem 1rem;font-size:.9375rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.form-control:disabled{background-color:var(--bg-tertiary);opacity:.7}.form-control::placeholder{color:var(--text-tertiary);opacity:.7}.input-error{border-color:var(--error)!important}.error-message{color:var(--error);font-size:.75rem;margin-top:.25rem}.input-note{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.input-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--text-tertiary)}.password-strength{margin-top:.75rem}.new-password-section{margin-top:.75rem;padding:1rem;border:5px solid var(--bg-tertiary);border-radius:1rem}.strength-meter{height:4px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.strength-progress{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.strength-progress.weak{background-color:var(--error)}.strength-progress.medium{background-color:var(--warning)}.strength-progress.strong{background-color:var(--success)}.strength-text{font-size:.75rem;font-weight:500}.strength-text.weak{color:var(--error)}.strength-text.medium{color:var(--warning)}.strength-text.strong{color:var(--success)}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.security-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{display:flex;gap:1rem;background-color:var(--bg-secondary);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal)}.info-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-md)}.info-icon{color:var(--info);flex-shrink:0;margin-top:.25rem}.info-content h4{font-size:1rem;font-weight:600;margin:0 0 .5rem}.info-content p{margin:0 0 .5rem;font-size:.9375rem;color:var(--text-secondary)}.security-tips{background-color:var(--bg-secondary);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal)}.security-tips:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-md)}.tips-header{display:flex;align-items:center;font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--warning)}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:.9375rem;color:var(--text-secondary)}.tips-list li:last-child{margin-bottom:0}.tips-list li:before{content:"•";position:absolute;left:.5rem;color:var(--warning)}.additional-security-options{margin-top:.5rem}.additional-security-options h4{font-size:1rem;font-weight:600;margin:0 0 1rem}.option-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:.75rem;transition:all var(--transition-normal)}.option-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.option-content h5{font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.option-content p{font-size:.8125rem;color:var(--text-tertiary);margin:0}.activity-log{display:flex;flex-direction:column;gap:.5rem}.activity-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-details{flex:1}.activity-title{font-weight:600;margin-bottom:.25rem}.activity-meta{display:flex;align-items:center;font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.25rem}.activity-date{margin-right:.75rem}.activity-device{position:relative;padding-left:.75rem}.activity-device:before{content:"•";position:absolute;left:0}.activity-location{display:flex;align-items:center;font-size:.8125rem;color:var(--text-tertiary)}.location-dot{width:6px;height:6px;border-radius:50%;background-color:var(--success);margin-right:.5rem}.btn-load-more{margin-top:1rem;text-align:center;background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.75rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-load-more:hover{background-color:#6366f11a}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal)}.session-item:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.session-item.current{background-color:#6366f10d;border-color:#6366f14d}.session-icon{flex-shrink:0}.session-details{flex:1}.session-title{font-weight:600;margin-bottom:.25rem;display:flex;align-items:center}.current-badge{margin-left:.5rem;font-size:.6875rem;font-weight:500;padding:.125rem .375rem;background-color:var(--primary);color:#fff;border-radius:var(--radius-full)}.session-meta{font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.25rem;display:flex;align-items:center}.dot-separator{margin:0 .5rem}.session-ip{font-size:.8125rem;color:var(--text-tertiary)}.session-action{flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:slideIn .3s ease}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-content{padding:1.5rem}.modal-content p{margin:0;color:var(--text-secondary)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .8s}.btn:active:after{transform:scale(0);opacity:.3;transition:0s}.btn-primary{background-image:var(--gradient-primary);color:#fff;box-shadow:var(--box-shadow-accent);border:none}.btn-primary:hover{box-shadow:0 8px 15px #4f46e54d;transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 12px #10b9814d;border:none}.btn-success:hover{box-shadow:0 8px 15px #10b9814d;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-ghost{background-color:transparent;border:none;color:var(--text-secondary);padding:.5rem}.btn-ghost:hover{color:var(--primary);background-color:#6366f11a}.btn-icon{padding:.5rem;color:var(--text-tertiary)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-sm.enabled{color:var(--success);border-color:var(--success)}.btn-danger{background-color:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background-color:var(--error);color:#fff}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.loading-spinner-container{display:flex;align-items:center;gap:.5rem}.loading-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.2);border-left-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.mr-2{margin-right:.5rem}.header-actions{display:flex;align-items:center;gap:.5rem}.profile-management-container :where(*){min-width:0}.profile-management-container .greeting-text{background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-management-container .user-name{color:var(--primary);font-weight:700}.profile-management-container .completion-badge{display:inline-flex;align-items:center;margin-left:.75rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--primary);background-color:color-mix(in srgb,var(--primary) 12%,transparent)}.profile-management-container .completion-progress{width:80px;height:6px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--primary) 25%,transparent);overflow:hidden}.profile-management-container .progress-fill{height:100%;border-radius:var(--radius-full);background:var(--primary)}.profile-management-container .header-icon{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);transition:transform var(--transition-normal)}.profile-management-container .dashboard-card:hover .header-icon{transform:scale(1.1)}.profile-management-container .header-icon.shield{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.profile-management-container .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);box-shadow:var(--box-shadow)}.profile-management-container .status-dot{width:8px;height:8px;border-radius:50%;position:relative}.profile-management-container .status-dot.online{background:var(--success)}.profile-management-container .status-dot.online:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--success);opacity:.3;animation:pm-pulse 2s infinite}.profile-management-container .activity-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.profile-management-container .device-icon{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary)}.profile-management-container .device-icon.mobile{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.profile-management-container .btn-load-more{margin-top:1rem;text-align:center;background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.75rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.profile-management-container .btn-load-more:hover{background-color:color-mix(in srgb,var(--primary) 12%,transparent)}.profile-management-container .decoration-circle{position:absolute;border-radius:50%;background:var(--primary);opacity:.1}.profile-management-container .dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}.profile-management-container .left-column,.profile-management-container .right-column{display:flex;flex-direction:column;gap:24px}.profile-picture-container.uploading{cursor:not-allowed}.profile-picture-container.uploading .profile-picture-overlay{opacity:1}@media (min-width: 1440px){.profile-management-container .dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.profile-management-container .left-column{grid-column:span 8}.profile-management-container .right-column{grid-column:span 4}}.profile-management-container .left-column{display:flex;flex-direction:column;gap:1.5rem}.profile-management-container .profile-section .profile-layout{display:flex;flex-direction:column;gap:clamp(1rem,2vw,2rem)}@media (min-width: 768px){.profile-management-container .profile-section .profile-layout{flex-direction:row;align-items:flex-start}.profile-management-container .profile-section .profile-picture-section{flex:0 0 clamp(160px,22vw,220px)}.profile-management-container .profile-section .profile-form-container{flex:1}}.profile-management-container .profile-section .form-grid{grid-template-columns:1fr 1fr}.profile-management-container .profile-section .form-group:has(input[name=email]){grid-column:1 / -1}.profile-management-container .profile-section,.profile-management-container .security-section{margin-bottom:0}.profile-management-container .welcome-card{position:relative;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.75rem 2rem;background:var(--bg-secondary) linear-gradient(to right,rgba(99,102,241,.07),transparent 70%);box-shadow:var(--box-shadow-md);display:flex;justify-content:space-between;align-items:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);margin-bottom:24px}.profile-management-container .welcome-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover)}.profile-management-container .welcome-decoration{position:absolute;top:0;right:0;bottom:0;width:40%;overflow:hidden;z-index:1}.profile-management-container .circle-1{width:12rem;height:12rem;top:-6rem;right:-2rem}.profile-management-container .circle-2{width:8rem;height:8rem;bottom:-3rem;right:2rem}.profile-management-container .circle-3{width:4rem;height:4rem;top:40%;right:8rem}.profile-management-container .dashboard-card .card-header{align-items:center}.profile-management-container .activity-section .activity-item{padding:.75rem 0}.profile-management-container .activity-section .activity-details,.profile-management-container .activity-section .activity-title{overflow-wrap:anywhere}.profile-management-container :where(img,svg){max-width:100%;height:auto}.profile-management-container,.profile-management-container .dashboard-card,.profile-management-container .card-content{overflow:visible;height:auto}@keyframes pulse{0%{transform:scale(.8);opacity:.3}70%{transform:scale(1.5);opacity:0}to{transform:scale(.8);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pm-pulse{0%{transform:scale(.8);opacity:.3}70%{transform:scale(1.5);opacity:0}to{transform:scale(.8);opacity:0}}.welcome-card{overflow:visible;position:relative;z-index:100}.completion-badge{position:relative;display:inline-flex;align-items:center;gap:.5rem}.completion-tooltip{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;max-width:320px;padding:10px 12px;border:1px solid var(--border, #e5e7eb);background:var(--surface, #fff);border-radius:8px;box-shadow:0 8px 24px #00000014;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:1000}.completion-badge:hover .completion-tooltip,.completion-badge:has(.completion-tooltip:hover) .completion-tooltip,.completion-tooltip:hover{opacity:1;pointer-events:auto;transform:translateY(0)}.completion-tooltip:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}.dark-theme .completion-tooltip{background:#111317;border-color:#2a2f3a}.completion-badge:hover .completion-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip-title{font-weight:600;margin-bottom:6px;font-size:.9rem}.tooltip-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.tooltip-list li{display:flex;align-items:center;gap:8px;font-size:.85rem}.tooltip-list li.done{opacity:.9}.tooltip-list li.todo{opacity:.75}.tooltip-list svg{flex:0 0 auto}.active-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.active-agent-card{background-color:var(--bg-secondary);border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease;border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 1px 3px #0000001a}.active-agent-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a;border-color:var(--accent-color)}.active-agent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.active-agent-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.active-agent-title{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.active-agent-category{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.active-agent-metrics{margin-top:auto}.active-agent-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.active-agent-stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.active-agent-stat i{color:var(--accent-color)}.active-agent-performance{margin-bottom:1rem}.active-agent-progress-bar{height:6px;background-color:var(--bg-tertiary);border-radius:999px;overflow:hidden}.active-agent-progress-fill{height:100%;border-radius:999px;transition:width 1s ease}.empty-agents-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-agents-icon{font-size:3rem;margin-bottom:1rem;color:var(--text-secondary);opacity:.7}.widget-icon{width:42px;height:42px;border-radius:var(--radius-lg);background-color:var(--bg-accent);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.widget-title{font-weight:600;font-size:1.1rem;margin:0}@media (max-width: 1200px){.active-agents-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.active-agents-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 576px){.active-agents-grid{grid-template-columns:1fr}}.active-agent-card{position:relative}.active-agent-card:after{content:"View Dashboard";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#4f46e5e6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:12px;opacity:0;transition:opacity .3s ease;z-index:5}.active-agent-card:hover:after{opacity:0}.attention-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease}.attention-item:hover{background-color:var(--bg-tertiary)}.attention-agent-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease}.btn:hover{background:rgba(98,91,246,.06);border-color:#625bf659}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-color, #625bf6);color:#fff;border-color:var(--accent-color, #625bf6)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--bg-secondary)}.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger:hover{filter:brightness(1.05)}.btn:disabled,.btn[disabled],.btn.btn-disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.btn:disabled:hover,.btn[disabled]:hover,.btn.btn-disabled:hover{background:var(--bg-secondary);border-color:var(--border-color)}.icon-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:.5rem;cursor:pointer;transition:background .2s ease,color .2s ease}.icon-btn:hover{background:rgba(98,91,246,.06);color:var(--accent-color, #625bf6)}.toolbar-row{display:flex;align-items:center;gap:1rem;justify-content:space-between;margin-top:1rem;flex-wrap:wrap}.actions-right{display:flex;align-items:center;gap:.5rem}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:.85rem 1rem;display:flex;align-items:baseline;justify-content:space-between}.stat-title{color:var(--text-secondary);font-size:.8rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.agent-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.9rem;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 2px 4px #0000000d}.agent-card-header{display:flex;align-items:center;justify-content:space-between}.agent-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.3rem .6rem;border-radius:.5rem;font-size:.8rem;font-weight:700;letter-spacing:.2px}.badge-tier{background:rgba(98,91,246,.12);color:var(--accent-color, #625bf6);border:1px solid rgba(98,91,246,.3)}.badge-new{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.35)}.badge-trending{background:rgba(59,130,246,.12);color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.agent-rating{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.9rem}.agent-name{margin:0;font-size:1.15rem;color:var(--text-primary);font-weight:800}.agent-desc{margin:.3rem 0 .6rem;color:var(--text-secondary);font-size:.95rem;line-height:1.4}.agent-metrics{display:flex;gap:1rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.9rem}.metric{display:inline-flex;align-items:center;gap:.35rem}.agent-card-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.agents-list{display:flex;flex-direction:column;gap:1.25rem}.agents-list .agent-card{flex-direction:row;align-items:flex-start;min-height:auto;width:100%}.agents-list .agent-card-actions{margin-top:0;align-self:center}.empty-state{padding:1rem;border:1px dashed var(--border-color);border-radius:.75rem;text-align:center;color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);display:grid;place-items:center;z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(720px,92vw);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.9rem;box-shadow:0 20px 60px #00000040;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h3{margin:0;font-size:1.1rem}.modal-body{padding:1rem}.modal-footer{padding:.9rem 1rem;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.form-grid label{display:grid;gap:.35rem;font-size:.85rem}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:.65rem .75rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline:none;border-color:var(--accent-color, #625bf6);box-shadow:0 0 0 2px #625bf62e}.form-input{width:100%;padding:.65rem .75rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-weight:600}.form-input:focus{outline:none;border-color:var(--accent-color, #625bf6);box-shadow:0 0 0 2px #625bf62e}.checkbox-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.checkbox{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.detail{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.6rem;padding:.75rem .85rem;display:grid;gap:.35rem}.detail .label{color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.detail .value{color:var(--text-primary);font-size:.95rem;font-weight:600}@media (max-width: 768px){.form-grid,.details-grid,.stats-row{grid-template-columns:1fr}.agents-list .agent-card{flex-direction:column}.agents-list .agent-card-actions{align-self:flex-start;margin-top:1rem}}.agents-grid .agent-card{min-height:220px}.agents-list>div{width:100%}.agents-list .agent-card{flex-direction:row;align-items:stretch;gap:1rem}.agents-list .agent-card-header{width:240px;min-width:220px;display:flex;flex-direction:column;gap:.5rem}.agents-list .agent-card-body{flex:1}.agents-list .agent-card-actions{align-self:center}.role-pair{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}@media (max-width: 768px){.role-pair{grid-template-columns:1fr}}.spacer{flex:1}.agent-card{overflow:visible}.badge.badge-tier{position:relative}.role-description-tooltip{opacity:0;visibility:hidden;width:150px;height:auto;padding:10px;position:absolute;background:var(--bg-primary);color:var(--accent-color);bottom:calc(100% + 8px);text-wrap:wrap;pointer-events:none;border:3px var(--accent-color) solid;border-radius:10%;font-size:15px;font-weight:500;text-transform:none;transition:opacity .3s ease,transform .3s ease,visibility 0s ease-out .16s}.role-description-tooltip:after{content:"";position:absolute;top:102%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--accent-color)}.badge.badge-tier:hover .role-description-tooltip,.badge.badge-tier:focus-visible .role-description-tooltip{opacity:1;visibility:visible;transform:translateY(-5%);transition-delay:0s}