.theme-toggle{background:none;border:none;cursor:pointer;padding:0;position:relative;width:48px;height:24px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-track{width:100%;height:100%;background:var(--border);border-radius:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--border)}.theme-toggle:hover .toggle-track{background:var(--border-muted);border-color:var(--primary)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--bg-light);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.theme-toggle.dark .toggle-thumb{transform:translate(24px);background:var(--primary)}.theme-toggle.light .toggle-thumb{transform:translate(0);background:var(--secondary)}.icon{font-size:10px;line-height:1;transition:all .3s ease}.theme-toggle:hover .toggle-thumb{transform:translate(24px) scale(1.1)}.theme-toggle.light:hover .toggle-thumb{transform:translate(0) scale(1.1)}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--highlight) 100%);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow:hidden}.theme-toggle-container{position:absolute;top:20px;right:20px;z-index:10}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.login-card{background:var(--bg-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px #00000026,0 0 0 1px var(--border),inset 0 1px #ffffff1a;padding:48px;width:100%;max-width:420px;text-align:center;position:relative;z-index:1;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:30px}.logo-placeholder{width:88px;height:88px;background:linear-gradient(135deg,var(--bg) 0%,var(--border) 100%);border:2px dashed var(--border);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--text-muted);font-size:12px;font-weight:600;position:relative;overflow:hidden}.logo-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 2s infinite}.system-title{color:var(--text);font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.signin-text{color:var(--text-muted);font-size:16px;margin:0 0 30px;font-weight:400}.login-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text);font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=email],.form-group input[type=password]{width:100%;padding:16px 20px;border:2px solid var(--border);border-radius:12px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text)}.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary),0 8px 25px var(--primary);background:var(--bg-light);transform:translateY(-2px)}.checkbox-group{margin-bottom:25px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:var(--text);font-weight:400;text-transform:none;letter-spacing:normal}.checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:var(--primary)}.login-button{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--highlight) 100%);color:var(--text);border:none;padding:18px 24px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px;position:relative;overflow:hidden}.login-button: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 .5s}.login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 40px var(--primary),0 0 0 1px var(--border)}.login-button:hover:not(:disabled):before{left:100%}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgot-password{text-align:center;margin-bottom:20px}.forgot-password a{color:var(--primary);text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.forgot-password a:hover{color:var(--highlight);text-decoration:underline}.demo-credentials{margin-top:24px;padding:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;text-align:left}.demo-credentials h3{margin:0 0 12px;color:var(--text);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.demo-credentials ul{margin:0;padding:0;list-style:none}.demo-credentials li{margin:6px 0;font-size:12px;color:var(--text-muted);font-family:Courier New,monospace}.demo-credentials strong{color:var(--text);font-weight:600}.error-message{background:#fee;color:#c53030;padding:12px;border-radius:6px;margin:16px 0;font-size:14px;border:1px solid #fed7d7}.login-footer{margin-top:40px;text-align:center;color:var(--text-muted);font-size:12px}.login-footer p{margin:0}.login-footer a{color:var(--text);text-decoration:none;margin:0 5px}.login-footer a:hover{text-decoration:underline}@media (max-width: 480px){.login-card{padding:30px 20px;margin:10px}.system-title{font-size:20px}.form-group input[type=email],.form-group input[type=password]{font-size:16px}}.cache-controls{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:center}.clear-cache-button{background:var(--danger);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.clear-cache-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.clear-cache-button:active{transform:translateY(0)}.cache-help-text{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.demo-buttons{display:flex;flex-direction:column;gap:10px}.demo-hint{margin:0 0 12px;font-size:12px;color:var(--secondary);font-weight:500;text-align:center;background:#ffc1071a;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,193,7,.3)}.demo-login-btn{width:100%;padding:12px 16px;border:2px solid transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;background:#ffffff0d;color:var(--text);display:flex;align-items:center;gap:8px}.demo-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.demo-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-login-btn.admin{border-color:#dc35454d;background:#dc35451a}.demo-login-btn.admin:hover:not(:disabled){border-color:#dc354580;background:#dc354526;box-shadow:0 4px 12px #dc354533}.demo-login-btn.manager{border-color:#007bff4d;background:#007bff1a}.demo-login-btn.manager:hover:not(:disabled){border-color:#007bff80;background:#007bff26;box-shadow:0 4px 12px #007bff33}.demo-login-btn.analyst{border-color:#28a7454d;background:#28a7451a}.demo-login-btn.analyst:hover:not(:disabled){border-color:#28a74580;background:#28a74526;box-shadow:0 4px 12px #28a74533}.demo-login-btn.viewer{border-color:#6c757d4d;background:#6c757d1a}.demo-login-btn.viewer:hover:not(:disabled){border-color:#6c757d80;background:#6c757d26;box-shadow:0 4px 12px #6c757d33}.loading-dots{margin-left:auto;font-size:16px;animation:pulse 1.5s ease-in-out infinite}.navigation-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #00000026;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;flex:1}.brand-section{display:flex;align-items:center;gap:1rem}.brand-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0;color:#fff;text-decoration:none;transition:all .3s ease;letter-spacing:-.025em}.brand-title.clickable{cursor:pointer;border-radius:12px;padding:.5rem 1rem;margin:-.5rem -1rem}.brand-title.clickable:hover{background:#ffffff1a;transform:translateY(-1px);text-shadow:0 2px 8px rgba(0,0,0,.2)}.brand-title.clickable:active{transform:translateY(0)}.brand-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.page-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-left:1rem;padding-left:1rem;border-left:3px solid rgba(255,255,255,.4)}.breadcrumb-separator{font-size:1.5rem;font-weight:300;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:.9}.page-title{font-size:1rem;font-weight:700;color:#1e293b;background:#fff;padding:.625rem 1.25rem;border-radius:16px;border:none;letter-spacing:.025em;text-shadow:none;box-shadow:0 4px 12px #0003;transition:all .3s ease}.page-title:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.header-button{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a;letter-spacing:.025em}.header-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.header-button:active{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.header-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.header-button:disabled:hover{background:#ffffff1f;border-color:#ffffff40;transform:none;box-shadow:none}.logout-button{background:#ef444440;border-color:#ef444466}.logout-button:hover{background:#ef444459;border-color:#ef444480}.button-icon{display:flex;align-items:center}@media (max-width: 768px){.navigation-header{padding:1rem;flex-direction:column;gap:1.5rem}.header-left{width:100%;justify-content:center}.brand-section{flex-direction:column;gap:.75rem;text-align:center}.brand-title{font-size:1.25rem}.page-breadcrumb{margin-left:0;padding-left:0;border-left:none;justify-content:center}.page-title{font-size:.875rem}.header-right{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.header-button{padding:.625rem 1rem;font-size:.8rem;min-width:120px}}@media (max-width: 480px){.navigation-header{padding:.75rem}.brand-title{font-size:1.125rem}.brand-icon{font-size:1.5rem}.header-button{padding:.5rem .875rem;font-size:.75rem;min-width:100px}.header-button svg{width:14px;height:14px}.page-title{font-size:.875rem;padding:.5rem 1rem;background:#fff;color:#1e293b;box-shadow:0 3px 8px #0003}}body.light .navigation-header{background:linear-gradient(135deg,#4f46e5,#7c3aed)}body.light .header-button{background:#ffffff26;border-color:#ffffff40}body.light .header-button:hover{background:#ffffff40;border-color:#ffffff59}body.light .logout-button{background:#dc262633;border-color:#dc26264d}body.light .logout-button:hover{background:#dc26264d;border-color:#dc262666}body.light .page-title{background:#fff;color:#1e293b;box-shadow:0 4px 12px #00000040}body.dark .page-title{background:#fff;color:#1e293b;box-shadow:0 4px 12px #0000004d}@keyframes titlePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.brand-title.clickable:hover .brand-icon{animation:titlePulse .6s ease-in-out}.brand-title.clickable:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:4px}.brand-title.clickable:hover .brand-text{text-shadow:0 0 20px rgba(255,255,255,.3)}.navigation-header *{transition:all .3s cubic-bezier(.4,0,.2,1)}.header-button svg{transition:transform .3s ease}.header-button:hover svg{transform:translate(2px)}.logout-button:hover svg{transform:rotate(5deg)}@media (max-width: 768px){.brand-title.clickable{padding:.75rem 1.25rem;margin:-.75rem -1.25rem}.brand-title.clickable:hover{transform:none;background:#ffffff26}}@media (prefers-contrast: high){.brand-title.clickable:hover{background:#ffffff4d;border:2px solid white}.page-title{border-width:2px;border-color:#ffffff80}}@media (prefers-reduced-motion: reduce){.brand-title.clickable:hover .brand-icon{animation:none}.navigation-header *,.header-button svg{transition:none}}.dashboard-container{min-height:100vh;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative}.dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(0,0,0,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.dashboard-header{background:var(--bg-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 32px;display:flex;justify-content:space-between;align-items:center;height:80px;box-shadow:0 4px 20px #00000014,0 0 0 1px var(--border),inset 0 1px #ffffff1a;position:relative;z-index:10}.header-right{display:flex;align-items:center;gap:16px}.header-left{display:flex;align-items:center}.dashboard-title{color:var(--text);font-size:20px;font-weight:600;margin:0}.header-right{display:flex;gap:12px;align-items:center}.header-button{padding:8px 16px;border:1px solid var(--border);background:var(--bg-light);color:var(--text);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.header-button:hover{background:var(--bg);border-color:var(--border-muted)}.logout-button{background:var(--danger);color:var(--text);border-color:var(--danger)}.logout-button:hover{background:var(--danger);border-color:var(--danger);opacity:.8}.dashboard-main{padding:32px 24px;max-width:1200px;margin:0 auto}.dashboard-content h2{color:var(--text);font-size:32px;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-content>p{color:var(--text-muted);font-size:16px;margin:0 0 32px;line-height:1.5}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.dashboard-card{background:var(--bg-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014,0 0 0 1px var(--border),inset 0 1px #ffffff1a;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--highlight));transform:scaleX(0);transition:transform .3s ease}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.dashboard-card.clickable{cursor:pointer;transition:all .3s ease}.dashboard-card.clickable:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026,0 0 0 1px var(--border);background:var(--bg)}.dashboard-card h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 12px}.dashboard-card p{color:var(--text-muted);font-size:14px;margin:0;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.session-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:500px;overflow:hidden}.modal-header{padding:24px 24px 0}.modal-header h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 16px;text-align:center}.modal-divider{height:1px;background:#e9ecef;margin:0 -24px}.modal-content{padding:24px;text-align:center}.modal-content p{color:#495057;font-size:16px;margin:0 0 12px;line-height:1.5}.modal-content p:last-of-type{margin-bottom:24px}.modal-icon{margin:24px 0}.warning-icon{font-size:48px;color:#ffc107;display:block}.modal-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.modal-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.modal-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.modal-button.secondary{background:#fff;color:#6c757d;border:2px solid #dee2e6}.modal-button.secondary:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.modal-footer{padding:16px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center}.modal-footer p{color:#6c757d;font-size:12px;margin:0;font-weight:500}@media (max-width: 768px){.dashboard-header{flex-direction:column;height:auto;padding:16px;gap:12px}.header-right{width:100%;justify-content:center}.dashboard-main{padding:24px 16px}.dashboard-cards{grid-template-columns:1fr}.modal-overlay{padding:16px}.session-modal{max-width:100%}.modal-buttons{flex-direction:column}}.user-info{display:flex;flex-direction:column;margin-top:8px}.user-name{font-size:14px;font-weight:500;color:var(--text-primary)}.user-role{font-size:12px;color:var(--text-secondary);margin-top:2px}.user-info-card{background:linear-gradient(145deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:2rem;margin-top:2rem;box-shadow:0 10px 40px #0000001f,0 4px 20px #0000000d,inset 0 1px #fff9;position:relative;overflow:hidden;transition:all .3s ease}.user-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}body.dark .user-info-card{background:linear-gradient(145deg,#1e293bf2,#0f172ae6);border-color:#ffffff26;box-shadow:0 10px 40px #0000004d,0 4px 20px #00000026,inset 0 1px #ffffff1a}.user-info-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #00000026,0 8px 30px #667eea1a}body.dark .user-info-card:hover{box-shadow:0 20px 50px #0006,0 8px 30px #667eea33}.user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(102,126,234,.15);position:relative}.user-card-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.user-avatar-section{display:flex;align-items:center;gap:1.5rem}.user-avatar-large{position:relative;width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2,#10b981);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #667eea4d,inset 0 1px #fff3;transition:all .3s ease}.user-avatar-large:hover{transform:scale(1.05) rotate(2deg)}.avatar-initials{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.status-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 2px 6px #0003}.status-indicator.active{background:#10b981;box-shadow:0 0 0 2px #10b9814d;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}}.user-header-info{display:flex;flex-direction:column;gap:.5rem}.user-display-name{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark .user-display-name{background:linear-gradient(135deg,#818cf8,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-title{font-size:1rem;color:var(--text-muted);font-weight:500;padding:.25rem .75rem;background:#667eea1a;border-radius:20px;border:1px solid rgba(102,126,234,.2);display:inline-block;width:fit-content}.account-badge{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea1a,#667eea0d);border:1px solid rgba(102,126,234,.3);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-text{font-size:.875rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-card{background:linear-gradient(145deg,#fffc,#f8fafc99);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.detail-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2,#10b981)}.detail-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 25px #0000001a,0 4px 12px #667eea1a}body.dark .detail-card{background:linear-gradient(145deg,#0f172acc,#1e293b99);border-color:#ffffff26}body.dark .detail-card:hover{box-shadow:0 12px 25px #0000004d,0 4px 12px #667eea33}.detail-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea4d;flex-shrink:0}.detail-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.detail-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.detail-value{font-size:1rem;font-weight:600;color:var(--text);word-break:break-word}.detail-value.role-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:.875rem;display:inline-block;width:fit-content;box-shadow:0 2px 8px #10b9814d}.detail-value.permissions-count{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.user-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(102,126,234,.15)}.status-info{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.status-dot.active{background:#10b981;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 #10b98180}50%{transform:scale(1.2);box-shadow:0 0 0 4px #10b98100}}.status-text{font-size:.875rem;font-weight:600;color:#10b981}.last-login{display:flex;align-items:center}.login-text{font-size:.875rem;color:var(--text-muted);font-weight:500}@media (max-width: 768px){.user-info-card{padding:1.5rem;margin-top:1.5rem}.user-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-avatar-section{width:100%;justify-content:center;text-align:center}.user-avatar-section .user-header-info{align-items:center}.user-details-grid{grid-template-columns:1fr;gap:1rem}.user-card-footer{flex-direction:column;gap:1rem;align-items:flex-start}}.loading-spinner{display:inline-flex;align-items:center;justify-content:center;position:relative}.spinner-ring{position:absolute;border:2px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(1){border-top-color:currentColor;animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:currentColor;animation-delay:.2s}.spinner-ring:nth-child(3){border-bottom-color:currentColor;animation-delay:.4s}.loading-spinner.small .spinner-ring{width:16px;height:16px}.loading-spinner.medium .spinner-ring{width:24px;height:24px}.loading-spinner.large .spinner-ring{width:32px;height:32px}.loading-spinner.primary{color:#667eea}.loading-spinner.white{color:#fff}.loading-spinner.success{color:#28a745}.loading-spinner.error{color:#dc3545}.file-upload-container{min-height:100vh;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative}.file-upload-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(0,0,0,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.upload-header{background:var(--bg-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 32px;display:flex;justify-content:space-between;align-items:center;height:80px;box-shadow:0 4px 20px #00000014,0 0 0 1px var(--border),inset 0 1px #ffffff1a;position:relative;z-index:10}.header-right,.header-left{display:flex;align-items:center;gap:16px}.header-left h1{color:var(--text);font-size:20px;font-weight:600;margin:0}.user-info{color:var(--text-muted);font-size:14px;font-weight:500}.logout-button{padding:8px 16px;background:var(--danger);color:var(--text);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:var(--danger);opacity:.8}.upload-main{padding:32px 24px;max-width:1200px;margin:0 auto}.upload-content h2{color:var(--text);font-size:32px;font-weight:700;margin:0 0 32px;text-align:center;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-selector{margin-bottom:32px;display:flex;align-items:center;gap:12px}.project-selector label{color:var(--text);font-size:16px;font-weight:600}.project-selector select{padding:8px 12px;border:2px solid var(--border);border-radius:6px;font-size:16px;background:var(--bg-light);color:var(--text);cursor:pointer;transition:border-color .3s ease}.project-selector select:focus{outline:none;border-color:var(--primary)}.upload-zones{display:grid;gap:24px;margin-bottom:32px}.file-zone{background:var(--bg-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014,0 0 0 1px var(--border);border:1px solid var(--border);position:relative;overflow:hidden}.file-zone:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--highlight));transform:scaleX(0);transition:transform .3s ease}.file-zone:hover:before{transform:scaleX(1)}.zone-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.zone-header h3{color:var(--text);font-size:18px;font-weight:600;margin:0}.required{background:var(--danger);color:var(--text);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.zone-description{color:var(--text-muted);font-size:14px;margin:0 0 16px}.drop-zone{border:2px dashed var(--border);border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:140px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.drop-zone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.05) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.drop-zone:hover:before{opacity:1}.drop-zone:hover{border-color:#667eea;background:#f0f2ff}.drop-zone.drag-over{border-color:var(--primary);background:var(--bg-light);transform:scale(1.05);box-shadow:0 20px 60px var(--primary),0 0 0 2px var(--primary),inset 0 1px #ffffff1a}.drop-zone.has-files{padding:16px;min-height:auto}.drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:32px;color:var(--text-muted)}.drop-placeholder p{color:var(--text);font-size:16px;margin:0}.file-types{color:var(--text-muted)!important;font-size:14px!important}.file-list{width:100%}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-light);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.file-item:hover{background:var(--bg);border-color:var(--border-muted);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.file-item:last-child{margin-bottom:0}.file-info{display:flex;flex-direction:column;gap:4px}.file-name{color:var(--text);font-size:14px;font-weight:500}.file-size{color:var(--text-muted);font-size:12px}.file-status{display:flex;align-items:center;gap:8px}.status-success{color:var(--success);font-size:14px;font-weight:600}.status-error{color:var(--danger);font-size:14px;font-weight:600}.remove-file{background:var(--danger);color:var(--text);border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background .2s ease}.remove-file:hover{background:var(--danger);opacity:.8}.file-uploading{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:14px;font-weight:600}.upload-text{white-space:nowrap}.error-message{background:var(--danger);border:1px solid var(--danger);border-radius:6px;padding:12px;margin-top:12px;color:var(--text);font-size:14px;display:flex;align-items:center;gap:8px}.error-icon{font-size:16px;color:var(--text)}.success-message{background:var(--success);border:1px solid var(--success);border-radius:6px;padding:12px;margin-top:12px;color:var(--text);font-size:14px;display:flex;align-items:center;gap:8px}.success-icon{font-size:16px;color:var(--text)}.file-count{color:var(--text-muted);font-size:14px;margin-top:8px;font-weight:500}.notes-section{margin-bottom:32px}.notes-section label{display:block;color:var(--text);font-size:16px;font-weight:600;margin-bottom:8px}.notes-section textarea{width:100%;padding:16px;border:2px solid var(--border);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;box-sizing:border-box;background:var(--bg);color:var(--text);box-shadow:inset 0 1px #ffffff0d}.notes-section textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary),inset 0 1px #ffffff1a;transform:translateY(-1px)}.notes-section textarea:focus{outline:none;border-color:var(--primary)}.char-count{text-align:right;color:var(--text-muted);font-size:12px;margin-top:4px}.action-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.generate-button{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:200px}.generate-button.enabled{background:linear-gradient(135deg,var(--primary) 0%,var(--highlight) 100%);color:var(--text);position:relative;overflow:hidden}.generate-button.enabled: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 .5s}.generate-button.enabled:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--primary),0 0 0 1px var(--border)}.generate-button.enabled:hover:before{left:100%}.generate-button.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none}.cancel-button{padding:14px 32px;background:var(--bg-light);color:var(--text);border:2px solid var(--border);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:200px}.cancel-button:hover{background:var(--bg);border-color:var(--border-muted);transform:translateY(-1px)}@media (max-width: 768px){.upload-header{flex-direction:column;height:auto;padding:16px;gap:12px}.header-left{flex-direction:column;gap:8px}.upload-main{padding:24px 16px}.upload-content h2{font-size:24px}.project-selector,.file-item{flex-direction:column;align-items:flex-start;gap:8px}.file-status{width:100%;justify-content:space-between}.action-buttons{flex-direction:column;align-items:center}.generate-button,.cancel-button{width:100%;max-width:300px}}@media (max-width: 480px){.drop-zone{padding:20px}.file-zone{padding:16px}.upload-content h2{font-size:20px}}.reports-container{min-height:100vh;background:var(--bg);color:var(--text)}.reports-header{background:var(--bg-light);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.reports-main{padding:2rem;max-width:1400px;margin:0 auto}.reports-content{display:flex;flex-direction:column;gap:2rem}.results-section{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.results-header{margin-bottom:1.5rem}.results-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.report-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .2s ease;animation:fadeIn .3s ease-out}.report-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.report-header{margin-bottom:.75rem}.report-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.report-title h4{margin:0;font-size:1rem;font-weight:600;color:var(--text);line-height:1.3}.report-status{padding:.2rem .6rem;border-radius:16px;font-size:.75rem;font-weight:500;white-space:nowrap;text-transform:capitalize}.status-completed{background:rgba(var(--success),.1);color:var(--success);border:1px solid rgba(var(--success),.2)}.status-processing{background:rgba(var(--warning),.1);color:var(--warning);border:1px solid rgba(var(--warning),.2)}.status-failed{background:rgba(var(--danger),.1);color:var(--danger);border:1px solid rgba(var(--danger),.2)}.report-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.detail-label{color:var(--text-muted);font-weight:500}.detail-value{color:var(--text);font-weight:400}.project-badge{background:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.report-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;flex:1;min-width:70px}.action-btn.primary{background:var(--primary);color:#fff}.action-btn.primary:hover:not(:disabled){background:var(--primary);transform:translateY(-1px)}.action-btn.secondary{background:var(--bg-light);color:var(--text);border:1px solid var(--border)}.action-btn.secondary:hover{background:var(--bg);border-color:var(--primary)}.action-btn.warning{background:var(--warning);color:#fff}.action-btn.warning:hover{background:var(--warning);transform:translateY(-1px)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1200px){.filters-grid{grid-template-columns:1fr 1fr;gap:1rem}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.reports-main{padding:1rem}.reports-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.header-left,.header-right{justify-content:center}.filters-grid,.reports-grid{grid-template-columns:1fr}.report-title{flex-direction:column;align-items:flex-start;gap:.5rem}.report-actions{flex-direction:column}}@media (max-width: 480px){.filters-section,.results-section,.report-card{padding:1rem}}.user-management-container{min-height:100vh;background:var(--bg);color:var(--text)}.user-management-header{background:var(--bg-light);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.user-management-main{padding:2rem;max-width:1400px;margin:0 auto}.user-management-content{display:flex;flex-direction:column;gap:2rem}.filters-section{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filters-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.clear-filters-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.clear-filters-btn:hover{background:var(--bg);color:var(--text);border-color:var(--primary)}.filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:end}.filter-group label{font-size:.9rem;font-weight:500;color:var(--text)}.search-input,.filter-select{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.9rem;transition:all .2s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.create-button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.users-section{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;background:var(--bg);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.users-table th{background:var(--bg-light);padding:.6rem;text-align:left;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);font-size:.8rem}.users-table td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:middle;font-size:.85rem;line-height:1.3}.user-row:hover{background:var(--bg-light)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:var(--text);font-size:.95rem}.user-meta{display:flex;flex-direction:column;gap:.1rem}.username{font-size:.8rem;color:var(--text-muted);font-family:monospace}.email{font-size:.8rem;color:var(--text-muted)}.role-badge{background:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block}.status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.status-active{background:rgba(var(--success),.1);color:var(--success);border:1px solid rgba(var(--success),.2)}.status-inactive{background:rgba(var(--text-muted),.1);color:var(--text-muted);border:1px solid rgba(var(--text-muted),.2)}.status-suspended{background:rgba(var(--danger),.1);color:var(--danger);border:1px solid rgba(var(--danger),.2)}.last-login,.created-date{font-size:.85rem;color:var(--text-muted)}.user-actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn.edit{background:var(--bg-light);color:var(--text-muted);border:1px solid var(--border)}.action-btn.edit:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.action-btn.delete{background:var(--bg-light);color:var(--text-muted);border:1px solid var(--border)}.action-btn.delete:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.user-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.user-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input,.form-group select{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-light);color:var(--text);font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.form-group input::placeholder{color:var(--text-muted)}@media (max-width: 1200px){.filters-grid{grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width: 768px){.user-management-main{padding:1rem}.user-management-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.header-left,.header-right{justify-content:center}.filters-grid{grid-template-columns:1fr}.users-table-container{overflow-x:scroll}.users-table{min-width:800px}.user-modal{margin:10px;max-width:none}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}}@media (max-width: 480px){.filters-section,.users-section{padding:1rem}.users-table th,.users-table td{padding:.5rem .4rem;font-size:.75rem}.user-info{gap:.75rem}.user-avatar{width:32px;height:32px}}.compact-mode .users-table th{padding:.5rem;font-size:.75rem}.compact-mode .users-table td{padding:.5rem;font-size:.75rem;line-height:1.2}.compact-mode .role-badge,.compact-mode .status-badge{padding:.15rem .5rem;font-size:.7rem}.compact-mode .user-info{gap:.5rem}.role-management-container{min-height:100vh;background:var(--bg);color:var(--text)}.role-management-header{background:var(--bg-light);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.role-management-main{padding:2rem;max-width:1400px;margin:0 auto}.role-management-content{display:flex;flex-direction:column;gap:2rem}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:1rem}.controls-left{flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-light);color:var(--text);font-size:.9rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.search-input::placeholder{color:var(--text-muted)}.create-button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.create-button:hover{background:var(--primary);transform:translateY(-1px)}.roles-section{background:var(--bg-light);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000d}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-top:1rem}.role-card{background:var(--bg-light);border:2px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s ease;animation:fadeIn .3s ease-out;box-shadow:0 2px 8px #0000000d}.role-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #0000001f;transform:translateY(-4px);background:var(--bg-light)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.role-title{display:flex;align-items:center;gap:.75rem}.role-title h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.system-badge{background:linear-gradient(135deg,var(--warning),#f59e0b);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 4px #0000001a}.role-actions{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.action-btn.edit{background:var(--bg);color:var(--text);border:2px solid var(--border)}.action-btn.edit:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}.action-btn.delete{background:var(--bg);color:var(--text);border:2px solid var(--border)}.action-btn.delete:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger);transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.role-description{color:var(--text-muted);margin:0 0 1.25rem;line-height:1.5;font-size:.95rem;font-weight:400}.role-stats{display:flex;justify-content:space-between;gap:1.5rem;padding:1rem;background:var(--bg);border-radius:12px;border:1px solid var(--border)}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.stat-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.25rem;font-weight:700;color:var(--primary);line-height:1}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results h3{margin:0 0 .5rem;color:var(--text);font-weight:600}.no-results p{margin:0;color:var(--text-muted)}.role-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-light);border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--bg);color:var(--text)}.role-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text)}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-light);color:var(--text);font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.permissions-container{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:1rem;background:var(--bg-light)}.permission-category{margin-bottom:1.5rem}.permission-category:last-child{margin-bottom:0}.category-title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--primary);border-bottom:1px solid var(--border);padding-bottom:.5rem}.permission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.permission-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.permission-item:hover{background:var(--bg)}.permission-item input[type=checkbox]{margin:0;width:auto;height:auto}.permission-name{font-size:.85rem;color:var(--text)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border)}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.submit-btn{background:var(--primary);color:#fff}.submit-btn:hover{background:var(--primary);transform:translateY(-1px)}@media (max-width: 768px){.role-management-main{padding:1rem}.role-management-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.controls-section{flex-direction:column;gap:1rem}.controls-left{max-width:none}.roles-grid{grid-template-columns:1fr;gap:1.5rem}.role-card{padding:1.25rem}.role-stats{gap:1rem;padding:.75rem}.stat-value{font-size:1.1rem}.role-modal{margin:1rem;padding:1.5rem;max-height:90vh;overflow-y:auto}}@media (max-width: 480px){.role-card{padding:1rem}.role-header{flex-direction:column;gap:.75rem;align-items:flex-start}.role-actions{align-self:flex-end}.roles-grid{grid-template-columns:1fr}}justify-content: center; } .controls-section{flex-direction:column;align-items:stretch}.controls-left{max-width:none}.roles-grid{grid-template-columns:1fr}.role-modal{margin:10px;max-width:none}.permission-list{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.analytics-logs-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:var(--text)}body.dark .analytics-logs-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.analytics-logs-header{background:var(--bg-light);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.analytics-logs-main{padding:2rem 0}.analytics-logs-content{max-width:1400px;margin:0 auto}.analytics-summary{margin-bottom:3rem;padding:0 2rem}.analytics-summary h2{margin-bottom:2rem;color:var(--text);font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.summary-card:hover:before{opacity:1}.summary-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001a;border-color:#667eea4d}body.dark .summary-card{background:#1e293be6;border-color:#ffffff1a}body.dark .summary-card:hover{box-shadow:0 20px 40px #0000004d}.card-icon{font-size:3rem;opacity:.9;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:center;min-width:80px;height:80px;box-shadow:0 8px 32px #667eea33;transition:transform .3s ease}.summary-card:hover .card-icon{transform:rotate(5deg) scale(1.1)}.card-content{flex:1}.card-content h3{margin:0;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.card-content p{margin:.5rem 0 0;font-size:1rem;color:var(--text-muted);font-weight:500;letter-spacing:.025em}.filters-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:2rem;margin:0 2rem 3rem;box-shadow:0 8px 32px #0000001a}body.dark .filters-section{background:#1e293be6;border-color:#ffffff1a}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.1)}.filters-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text)}.filter-actions{display:flex;gap:1rem}.clear-filters-btn,.clear-logs-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.clear-filters-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.clear-logs-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.clear-logs-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.filter-group input,.filter-group select{padding:1rem;border:2px solid rgba(102,126,234,.2);border-radius:12px;background:#fffc;color:var(--text);font-size:.875rem;transition:all .3s ease}body.dark .filter-group input,body.dark .filter-group select{background:#1e293bcc;border-color:#ffffff1a}.logs-section{margin:0 2rem}.section-header{margin-bottom:2rem}.section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.75rem}.logs-table-container{overflow-x:auto;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}body.dark .logs-table-container{background:#1e293be6;border-color:#ffffff1a}.logs-table{width:100%;border-collapse:collapse}.logs-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border:none;position:sticky;top:0;z-index:10}.logs-table th:first-child{border-top-left-radius:20px}.logs-table th:last-child{border-top-right-radius:20px}.logs-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.05);font-size:.8rem;vertical-align:middle;line-height:1.3}body.dark .logs-table td{border-bottom-color:#ffffff0d}.log-row{transition:all .3s ease;position:relative}.log-row:hover{background:#667eea0d;transform:scale(1.01)}body.dark .log-row:hover{background:#667eea1a}.log-row.level-error{border-left:6px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 100%)}.log-row.level-warning{border-left:6px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%)}.log-row.level-info{border-left:6px solid #3b82f6;background:linear-gradient(90deg,rgba(59,130,246,.05) 0%,transparent 100%)}.log-row.level-debug{border-left:6px solid #6b7280;background:linear-gradient(90deg,rgba(107,114,128,.05) 0%,transparent 100%)}.timestamp{font-family:Monaco,Menlo,monospace;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.user{font-weight:500;color:var(--text)}.action{display:flex;align-items:center;gap:.5rem}.action-icon{font-size:1rem}.level-badge{padding:.25rem .6rem;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 4px #0003;border:1px solid rgba(255,255,255,.2)}.message{max-width:250px;word-wrap:break-word;line-height:1.3}.log-details{margin-top:.5rem}.log-details summary{cursor:pointer;color:var(--primary);font-size:.8rem}.log-details pre{background:var(--bg-dark);padding:.5rem;border-radius:4px;font-size:.75rem;margin-top:.5rem;overflow-x:auto}.ip-address{font-family:Monaco,Menlo,monospace;font-size:.8rem;color:var(--text-muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:3rem 2rem 2rem;padding:2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a}body.dark .pagination{background:#1e293be6;border-color:#ffffff1a}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.pagination-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.pagination-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.pagination-info{font-size:1rem;color:var(--text);font-weight:600;padding:1rem 2rem;background:#667eea1a;border-radius:16px;border:2px solid rgba(102,126,234,.2)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.summary-card{animation:slideInUp .6s ease-out}.summary-card:nth-child(1){animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.summary-card:nth-child(4){animation-delay:.4s}.log-row{animation:fadeIn .5s ease-out}.filters-section,.logs-table-container{animation:slideInUp .8s ease-out}.loading-container{display:flex;justify-content:center;align-items:center;padding:4rem;animation:pulse 2s infinite}@media (max-width: 768px){.analytics-summary,.filters-section,.logs-section,.pagination{margin-left:1rem;margin-right:1rem}.summary-cards{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}.card-icon{font-size:2rem;min-width:60px;height:60px}.card-content h3{font-size:2rem}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;gap:.5rem}.logs-table th,.logs-table td{padding:.5rem;font-size:.75rem}.message{max-width:120px}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%}}.message-content{font-weight:500;line-height:1.4;margin-bottom:.5rem}.details-content{background:#667eea0d;border-radius:8px;padding:1rem;margin-top:.5rem;border-left:4px solid #667eea}.details-content pre{background:transparent;padding:0;margin:0;font-size:.8rem;color:var(--text);white-space:pre-wrap;word-break:break-word}body.dark .details-content{background:#667eea1a}.action-icon{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.clear-filters-btn:active,.clear-logs-btn:active,.pagination-btn:active{transform:translateY(0) scale(.98)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;gap:1rem}.loading-container:after{content:"Loading activity logs...";font-size:1.1rem;color:var(--text-muted);font-weight:500}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.empty-state p{font-size:1rem;line-height:1.6}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.summary-card:hover,.log-row:hover,.pagination-btn:hover,.clear-filters-btn:hover,.clear-logs-btn:hover{transform:none}}@media (prefers-contrast: high){.summary-card,.filters-section,.logs-table-container,.pagination{border-width:2px;border-color:var(--text)}.level-badge{border-width:2px;border-color:#fff}}.compact-mode .logs-table th{padding:.5rem .75rem;font-size:.75rem}.compact-mode .logs-table td{padding:.5rem .75rem;font-size:.75rem;line-height:1.2}.compact-mode .level-badge{padding:.15rem .4rem;font-size:.65rem}.compact-mode .message{max-width:200px;line-height:1.2}.compact-mode .timestamp{font-size:.7rem}.compact-mode .action-icon{font-size:1rem}.configuration-selector{background:linear-gradient(145deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #0000001f,0 4px 20px #0000000d,inset 0 1px #fff9;position:relative;overflow:hidden}.configuration-selector:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}body.dark .configuration-selector{background:linear-gradient(145deg,#1e293bf2,#0f172ae6);border-color:#ffffff26;box-shadow:0 10px 40px #0000004d,0 4px 20px #00000026,inset 0 1px #ffffff1a}.configuration-selector h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.5rem;font-weight:700;text-align:center;position:relative;padding-bottom:1rem}.configuration-selector h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}body.dark .configuration-selector h3{color:#f1f5f9}.configurations-list{display:flex;flex-direction:column;gap:1.5rem}.configuration-item{background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.configuration-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2,#10b981);opacity:0;transition:opacity .3s ease}.configuration-item:hover{border-color:#667eea66;box-shadow:0 8px 30px #0000001f,0 4px 16px #667eea1a;transform:translateY(-4px)}.configuration-item:hover:before{opacity:1}.configuration-item.selected{border-color:#667eea99;background:linear-gradient(145deg,#667eea14,#667eea0a);box-shadow:0 8px 30px #667eea33,0 4px 16px #667eea1a}.configuration-item.selected:before{opacity:1}body.dark .configuration-item{background:linear-gradient(145deg,#0f172ae6,#1e293bcc);border-color:#ffffff26;box-shadow:0 4px 20px #0000004d}body.dark .configuration-item:hover{border-color:#667eea80;box-shadow:0 8px 30px #0006,0 4px 16px #667eea33}body.dark .configuration-item.selected{background:linear-gradient(145deg,#667eea26,#667eea14);border-color:#667eea99}.configuration-item.inactive{opacity:.6;background:linear-gradient(145deg,#f8fafc99,#f1f5f980)}.config-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.config-info{flex:1}.config-info h4{margin:0 0 .75rem;color:#1e293b;font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem}body.dark .config-info h4{color:#f1f5f9}.config-description{margin:0 0 1rem;color:#64748b;font-size:.875rem;line-height:1.5;font-weight:500}body.dark .config-description{color:#94a3b8}.config-details{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem}.config-details span{padding:.375rem .75rem;border-radius:12px;background:#667eea1a;color:#475569;font-weight:600;border:1px solid rgba(102,126,234,.2)}body.dark .config-details span{background:#667eea33;color:#cbd5e1;border-color:#667eea4d}.config-details .status{font-weight:700}.config-details .status.active{background:#10b98126;color:#059669;border-color:#10b9814d}body.dark .config-details .status.active{background:#10b98133;color:#34d399}.config-details .status.inactive{background:#ef444426;color:#dc2626;border-color:#ef44444d}body.dark .config-details .status.inactive{background:#ef444433;color:#f87171}.config-actions{display:flex;flex-direction:column;gap:.75rem;min-width:120px}.select-button,.test-button{padding:.75rem 1rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.select-button:before,.test-button: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 .5s ease}.select-button:hover:before,.test-button:hover:before{left:100%}.select-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.select-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.select-button.selected{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.select-button.selected:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166}.select-button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}body.dark .select-button:disabled{background:#374151;color:#6b7280}.test-button{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);color:#475569;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #00000014}.test-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#667eea0d);color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}body.dark .test-button{background:linear-gradient(135deg,#1e293be6,#0f172acc);color:#cbd5e1;border-color:#667eea4d}body.dark .test-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea33,#667eea1a);color:#f1f5f9}.test-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.config-metadata{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(102,126,234,.2);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}body.dark .config-metadata{border-top-color:#667eea4d}.metadata-item{font-size:.75rem;color:#64748b;background:#667eea0d;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(102,126,234,.1)}body.dark .metadata-item{color:#94a3b8;background:#667eea1a;border-color:#667eea33}.metadata-item strong{color:#1e293b;font-weight:700;display:block;margin-bottom:.25rem}body.dark .metadata-item strong{color:#f1f5f9}.selected-config-info{margin-top:2rem;padding:1.5rem;background:linear-gradient(145deg,#667eea14,#667eea0a);border:1px solid rgba(102,126,234,.3);border-radius:16px;box-shadow:0 4px 20px #667eea1a}body.dark .selected-config-info{background:linear-gradient(145deg,#667eea26,#667eea14);border-color:#667eea66}.selected-config-info h4{margin:0 0 1rem;color:#1e293b;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.selected-config-info h4:before{content:"✓";background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}body.dark .selected-config-info h4{color:#f1f5f9}.selected-config-info p{margin:.5rem 0;font-size:.875rem;color:#475569;line-height:1.5}body.dark .selected-config-info p{color:#cbd5e1}.selected-config-info strong{color:#1e293b;font-weight:700}body.dark .selected-config-info strong{color:#f1f5f9}.loading,.error{text-align:center;padding:2rem;color:#64748b;font-size:1rem;font-weight:500}body.dark .loading,body.dark .error{color:#94a3b8}.error{color:#dc2626;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin:1rem 0}body.dark .error{color:#f87171;background:#ef444426;border-color:#ef44444d}.retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #dc26264d}.retry-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}@media (max-width: 768px){.configuration-selector{padding:1.5rem;margin-bottom:1.5rem}.config-header{flex-direction:column;gap:1rem;align-items:stretch}.config-actions{flex-direction:row;justify-content:flex-end;min-width:auto}.config-details{flex-direction:column;gap:.5rem}.config-metadata{grid-template-columns:1fr;gap:.75rem}.selected-config-info{padding:1rem}}.bigquery-analytics-container{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#f8fafc);color:var(--text);position:relative;overflow-x:hidden}.bigquery-analytics-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,113,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,138,101,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;z-index:0}body.dark .bigquery-analytics-container{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}body.dark .bigquery-analytics-container:before{background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(14,165,233,.06) 0%,transparent 50%)}.bigquery-analytics-main{padding:1rem 0 3rem;position:relative;z-index:1}.analytics-content{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.controls-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000014,0 8px 24px #0000000a,inset 0 1px #fffc;position:relative;overflow:hidden}.controls-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:24px 24px 0 0}body.dark .controls-section{background:linear-gradient(145deg,#1e293bfa,#0f172af2);border-color:#ffffff1a;box-shadow:0 20px 60px #0006,0 8px 24px #0003,inset 0 1px #ffffff1a}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(226,232,240,.6);flex-wrap:wrap;gap:1rem;position:relative}body.dark .controls-header{border-bottom-color:#47556966}.controls-header:after{content:"";position:absolute;bottom:-1px;left:0;width:120px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.selected-config-display{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#667eea14,#764ba20f);border:1px solid rgba(102,126,234,.2);border-radius:16px;font-size:14px;box-shadow:0 4px 16px #667eea1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.selected-config-display:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:16px 0 0 16px}.selected-config-display:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea26}.config-label{color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.config-name{color:var(--primary);font-weight:700;font-size:14px}.controls-header h2{margin:0;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.75rem;letter-spacing:-.02em}.refresh-btn,.export-btn{border:none;padding:12px 24px;border-radius:16px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.export-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.refresh-btn:before,.export-btn: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 .6s ease}.refresh-btn:hover:before,.export-btn:hover:before{left:100%}.refresh-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #667eea66,0 6px 16px #667eea33}.export-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #10b98166,0 6px 16px #10b98133}.refresh-btn:disabled,.export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.date-controls{display:flex;align-items:end;gap:1.5rem;flex-wrap:wrap;padding:1.5rem;background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:1px solid rgba(226,232,240,.6);border-radius:20px;margin-top:1rem}body.dark .date-controls{background:linear-gradient(135deg,#0f172acc,#1e293b99);border-color:#47556966}.date-group{display:flex;flex-direction:column;gap:8px;min-width:160px}.date-group label{font-weight:700;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.date-group input{padding:12px 16px;border:2px solid rgba(226,232,240,.6);border-radius:12px;background:#ffffffe6;color:var(--text);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.date-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea1a;transform:translateY(-2px)}body.dark .date-group input{background:#1e293be6;border-color:#47556999;color:#f1f5f9}body.dark .date-group input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf833,0 4px 16px #818cf81a}.apply-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);height:fit-content;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #10b98133}.apply-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #10b9814d}.chart-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000014,0 8px 24px #0000000a,inset 0 1px #fffc;position:relative;overflow:hidden}.chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4facfe,#00f2fe,#43e97b,#38f9d7);border-radius:24px 24px 0 0}body.dark .chart-section{background:linear-gradient(145deg,#1e293bfa,#0f172af2);border-color:#ffffff1a;box-shadow:0 20px 60px #0006,0 8px 24px #0003,inset 0 1px #ffffff1a}.chart-container{position:relative;height:500px;width:100%}.data-visualization{width:100%}.data-visualization h3{margin:0 0 2rem;font-size:1.75rem;font-weight:800;text-align:center;position:relative;padding-bottom:1.5rem;background:linear-gradient(135deg,#4facfe,#00f2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.data-visualization h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:2px}.data-visualization .chart-container{background:linear-gradient(145deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 16px 48px #0000001a,0 4px 16px #0000000a,inset 0 1px #ffffffe6;height:480px;position:relative;overflow:hidden}.data-visualization .chart-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(79,172,254,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,242,254,.03) 0%,transparent 50%);pointer-events:none}body.dark .data-visualization .chart-container{background:linear-gradient(145deg,#1e293bf2,#0f172ae6);border-color:#ffffff26;box-shadow:0 16px 48px #0006,0 4px 16px #0003,inset 0 1px #ffffff1a}.loading-container,.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.error-container h3,.empty-container h3{margin:0 0 1rem;font-size:1.75rem;font-weight:700;color:var(--text)}.error-container p,.empty-container p{margin:0 0 2rem;color:var(--text-muted);font-size:1.125rem;line-height:1.6;max-width:500px}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #ef444433}.retry-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #ef44444d}.summary-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000014,0 8px 24px #0000000a,inset 0 1px #fffc;position:relative;overflow:hidden}.summary-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#43e97b,#38f9d7,#a8edea,#fed6e3);border-radius:24px 24px 0 0}body.dark .summary-section{background:linear-gradient(145deg,#1e293bfa,#0f172af2);border-color:#ffffff1a;box-shadow:0 20px 60px #0006,0 8px 24px #0003,inset 0 1px #ffffff1a}.summary-section h3{margin:0 0 2.5rem;font-size:1.75rem;font-weight:800;text-align:center;position:relative;padding-bottom:1.5rem;background:linear-gradient(135deg,#43e97b,#38f9d7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.summary-section h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,#43e97b,#38f9d7);border-radius:2px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.summary-card{background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a}.summary-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2,#10b981,#43e97b);border-radius:20px 0 0 20px}.summary-card:nth-child(1):before{background:linear-gradient(180deg,#667eea,#764ba2)}.summary-card:nth-child(2):before{background:linear-gradient(180deg,#10b981,#059669)}.summary-card:nth-child(3):before{background:linear-gradient(180deg,#f59e0b,#d97706)}.summary-card:nth-child(4):before{background:linear-gradient(180deg,#ef4444,#dc2626)}.summary-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 48px #0000001f,0 12px 24px #667eea14}body.dark .summary-card{background:linear-gradient(145deg,#1e293bf2,#0f172ae6);border-color:#ffffff26;box-shadow:0 8px 32px #0000004d,0 2px 8px #00000026}body.dark .summary-card:hover{box-shadow:0 24px 48px #00000080,0 12px 24px #667eea26}.summary-card .card-icon{font-size:2.5rem;border-radius:18px;padding:1.25rem;display:flex;align-items:center;justify-content:center;min-width:90px;height:90px;box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:nth-child(1) .card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card:nth-child(2) .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.summary-card:nth-child(3) .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-card:nth-child(4) .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-card:hover .card-icon{transform:scale(1.1) rotate(8deg)}.summary-card .card-content h4{margin:0 0 .75rem;font-size:.875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.summary-card .card-content p{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em}.summary-card:nth-child(1) .card-content p{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-card:nth-child(2) .card-content p{background:linear-gradient(135deg,#10b981,#059669);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-card:nth-child(3) .card-content p{background:linear-gradient(135deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-card:nth-child(4) .card-content p{background:linear-gradient(135deg,#ef4444,#dc2626);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark .summary-card .card-content p{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}*{transition-property:transform,box-shadow,background,border-color,color;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.analytics-content::-webkit-scrollbar,.sql-query::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:8px;height:8px}.analytics-content::-webkit-scrollbar-track,.sql-query::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px}.analytics-content::-webkit-scrollbar-thumb,.sql-query::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.analytics-content::-webkit-scrollbar-thumb:hover,.sql-query::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}body.dark .analytics-content::-webkit-scrollbar-track,body.dark .sql-query::-webkit-scrollbar-track,body.dark .table-container::-webkit-scrollbar-track{background:#4755694d}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.bigquery-analytics-container{background:#fff!important}.controls-section,.chart-section,.summary-section,.data-table-section{box-shadow:none!important;border:1px solid #e2e8f0!important;background:#fff!important}.refresh-btn,.export-btn,.apply-btn,.toggle-query-btn,.copy-query-btn{display:none!important}}.week-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.week-card{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:2rem;box-shadow:0 16px 48px #00000014,0 4px 16px #0000000a,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.week-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#10b981,#43e97b);border-radius:20px 20px 0 0}body.dark .week-card{background:linear-gradient(145deg,#1e293bfa,#0f172af2);border-color:#ffffff26;box-shadow:0 16px 48px #0006,0 4px 16px #0003,inset 0 1px #ffffff1a}.week-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 60px #0000001f,0 8px 24px #667eea14}body.dark .week-card:hover{box-shadow:0 24px 60px #00000080,0 8px 24px #667eea26}.week-card h4{margin:0 0 1.5rem;font-size:1.375rem;font-weight:800;color:var(--text);text-align:center;padding-bottom:1rem;border-bottom:2px solid rgba(226,232,240,.6);position:relative;letter-spacing:-.02em}body.dark .week-card h4{border-bottom-color:#47556966}.week-card h4:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1.5px}.week-stats{display:flex;flex-direction:column;gap:1rem}.stat{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:1px solid rgba(226,232,240,.4);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);transition:width .3s ease}.stat:hover{background:linear-gradient(135deg,#667eea14,#764ba20f);transform:translate(8px);border-color:#667eea33}.stat:hover:before{width:6px}body.dark .stat{background:linear-gradient(135deg,#0f172acc,#1e293b99);border-color:#47556966}body.dark .stat:hover{background:linear-gradient(135deg,#667eea1a,#764ba214);border-color:#667eea4d}.stat .label{font-weight:700;color:var(--text);font-size:.875rem;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.5px}.stat .label:before{content:"";width:10px;height:10px;border-radius:50%;flex-shrink:0}.stat:nth-child(1) .label:before{background:linear-gradient(135deg,#667eea,#764ba2)}.stat:nth-child(2) .label:before{background:linear-gradient(135deg,#10b981,#059669)}.stat:nth-child(3) .label:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat:nth-child(4) .label:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat .value{font-weight:800;font-size:1.125rem;letter-spacing:-.02em}.stat:nth-child(1) .value{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat:nth-child(2) .value{background:linear-gradient(135deg,#10b981,#059669);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat:nth-child(3) .value{background:linear-gradient(135deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat:nth-child(4) .value{background:linear-gradient(135deg,#ef4444,#dc2626);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark .stat .value{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sql-params-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000014,0 8px 24px #0000000a,inset 0 1px #fffc;position:relative;overflow:hidden}.sql-params-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f093fb,#f5576c,#4facfe,#00f2fe);border-radius:24px 24px 0 0}body.dark .sql-params-section{background:linear-gradient(145deg,#1e293bfa,#0f172af2);border-color:#ffffff1a;box-shadow:0 20px 60px #0006,0 8px 24px #0003,inset 0 1px #ffffff1a}.params-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(226,232,240,.6)}body.dark .params-header{border-bottom-color:#47556966}.params-header h3{margin:0;color:#1e293b;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#f093fb,#f5576c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}body.dark .params-header h3{background:linear-gradient(135deg,#ec4899,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reset-params-btn{padding:10px 20px;background:linear-gradient(135deg,#ef44441a,#dc262614);color:#dc2626;border:1px solid rgba(239,68,68,.3);border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.reset-params-btn:hover{background:linear-gradient(135deg,#ef444426,#dc26261f);transform:translateY(-2px);box-shadow:0 8px 20px #ef444433}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;align-items:start}.param-group{display:flex;flex-direction:column;gap:8px;position:relative}.param-group.custom-where{grid-column:1 / -1;background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:1.5rem}body.dark .param-group.custom-where{background:linear-gradient(135deg,#0f172acc,#1e293b99);border-color:#47556966}.param-group.checkbox-group{flex-direction:row;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#10b9810d,#05966908);border:1px solid rgba(16,185,129,.2);border-radius:16px}body.dark .param-group.checkbox-group{background:linear-gradient(135deg,#10b9811a,#05966914)}.param-group label{font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}body.dark .param-group label{color:#d1d5db}.param-group input,.param-group select,.param-group textarea{padding:12px 16px;border:2px solid rgba(226,232,240,.6);border-radius:12px;font-size:14px;background:#ffffffe6;color:#1f2937;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;box-shadow:0 2px 8px #0000000a}body.dark .param-group input,body.dark .param-group select,body.dark .param-group textarea{background:#1e293be6;color:#f1f5f9;border-color:#47556999}.param-group input:focus,.param-group select:focus,.param-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea1a;background:#fffffff2;transform:translateY(-2px)}body.dark .param-group input:focus,body.dark .param-group select:focus,body.dark .param-group textarea:focus{background:#1e293bf2;border-color:#818cf8;box-shadow:0 0 0 4px #818cf833,0 4px 16px #818cf81a}.param-group input[type=checkbox]{width:20px;height:20px;accent-color:#667eea;margin:0;transform:scale(1.2)}.checkbox-label{flex-direction:row!important;cursor:pointer;font-weight:600!important;color:#059669!important;font-size:14px!important;text-transform:none!important;letter-spacing:normal!important}body.dark .checkbox-label{color:#10b981!important}.help-text{font-size:12px;color:#6b7280;margin-top:6px;font-style:italic;line-height:1.4}body.dark .help-text{color:#9ca3af}.param-group textarea{resize:vertical;min-height:80px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;line-height:1.5}@media (max-width: 768px){.params-grid{grid-template-columns:1fr;gap:1.5rem}.params-header{flex-direction:column;gap:1rem;align-items:stretch}.sql-params-section{padding:1.5rem}}.query-preview-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:1.5rem;margin:1rem 0;box-shadow:0 16px 48px #00000014,0 4px 16px #0000000a;position:relative;overflow:hidden}.query-preview-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fa709a,#fee140,#fa709a);border-radius:20px 20px 0 0}body.dark .query-preview-section{background:linear-gradient(145deg,#1e293bfa,#0f172af2);border-color:#ffffff26}.query-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.query-header h3{margin:0;font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fa709a,#fee140);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}body.dark .query-header h3{background:linear-gradient(135deg,#f472b6,#fbbf24);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.toggle-query-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea1a,#667eea0d);color:#667eea;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.toggle-query-btn:hover{background:linear-gradient(135deg,#667eea26,#667eea1a);transform:translateY(-2px);box-shadow:0 8px 20px #667eea33}.query-display{position:relative}.sql-query{background:linear-gradient(145deg,#0f172afa,#1e293bf2);color:#e2e8f0;padding:2rem;border-radius:16px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin-bottom:1rem;border:1px solid rgba(102,126,234,.2);box-shadow:inset 0 2px 8px #0003,0 4px 16px #0000001a;position:relative}.sql-query:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2,#10b981);border-radius:16px 16px 0 0}body.dark .sql-query{background:linear-gradient(145deg,#000000b3,#0f172a99);border-color:#667eea4d;color:#cbd5e1}.copy-query-btn{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;margin-left:auto;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #10b98133}.copy-query-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #10b9814d}.data-table-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:2rem;box-shadow:0 16px 48px #00000014,0 4px 16px #0000000a}body.dark .data-table-section{background:linear-gradient(145deg,#1e293bfa,#0f172af2);border-color:#ffffff1a}.data-table-section h3{margin:0 0 2rem;font-size:1.5rem;font-weight:800;color:var(--text);text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.table-container{overflow-x:auto;border-radius:16px;border:1px solid rgba(226,232,240,.6);box-shadow:0 8px 24px #0000000f}body.dark .table-container{border-color:#47556966}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.25rem;text-align:left;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table th:first-child{border-top-left-radius:16px}.data-table th:last-child{border-top-right-radius:16px}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.4);font-size:14px;font-weight:500;vertical-align:middle}body.dark .data-table td{border-bottom-color:#4755694d}.data-table tr:hover{background:#667eea0f}body.dark .data-table tr:hover{background:#667eea1a}@media (max-width: 768px){.analytics-content{padding:0 1rem;gap:1rem}.controls-section,.chart-section,.summary-section,.data-table-section,.sql-params-section,.query-preview-section{padding:1.5rem}.controls-header h2{font-size:1.5rem}.date-controls{flex-direction:column;align-items:stretch;gap:1rem}.date-group{min-width:auto}.summary-cards,.week-cards{grid-template-columns:1fr;gap:1.5rem}.chart-container{height:350px}.data-visualization .chart-container{height:350px;padding:1.5rem}.controls-header{flex-direction:column;gap:1rem;align-items:stretch}.data-table th,.data-table td{padding:.75rem;font-size:13px}.params-grid{grid-template-columns:1fr;gap:1.5rem}.query-header{flex-direction:column;align-items:stretch}.copy-query-btn{margin-left:0;align-self:flex-start}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-container{animation:pulse 2s infinite}.loading-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.settings-container{min-height:100vh;background:var(--bg);color:var(--text)}.settings-header{background:var(--bg-light);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.settings-main{padding:2rem;max-width:1200px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-container p{color:var(--text-muted);margin:0}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:2rem;animation:fadeIn .3s ease-out}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.section-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.section-header p{margin:0;color:var(--text-muted);font-size:.9rem}.settings-grid{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.setting-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.setting-info{flex:1}.setting-info h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text)}.setting-info p{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.4}.warning-notice{margin-top:.5rem;padding:.5rem .75rem;background:rgba(var(--warning),.1);color:var(--warning);border:1px solid rgba(var(--warning),.2);border-radius:6px;font-size:.8rem;font-weight:500}.setting-control{flex-shrink:0;display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.setting-select,.setting-input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.85rem;min-width:120px;transition:all .2s ease}.setting-select:focus,.setting-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.setting-select:disabled,.setting-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-light)}.settings-actions{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;background:var(--bg-light);border:1px solid var(--border);border-radius:12px;margin-top:1rem}.reset-button,.save-button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.reset-button{background:var(--bg);color:var(--text);border:1px solid var(--border)}.reset-button:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.save-button{background:var(--primary);color:#fff}.save-button:hover:not(:disabled){background:var(--primary);transform:translateY(-1px)}.reset-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease-out}.confirm-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);background:var(--bg-light);border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.modal-content{padding:1.5rem}.modal-content p{margin:0 0 1rem;color:var(--text);line-height:1.5}.modal-content ul{margin:0 0 1rem;padding-left:1.5rem;color:var(--text)}.modal-content li{margin-bottom:.5rem;line-height:1.4}.warning-text{background:rgba(var(--warning),.1);color:var(--warning);padding:1rem;border-radius:8px;border:1px solid rgba(var(--warning),.2);font-size:.9rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border)}.cancel-btn,.confirm-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.cancel-btn{background:var(--bg-light);color:var(--text);border:1px solid var(--border)}.cancel-btn:hover{background:var(--bg);border-color:var(--primary)}.confirm-btn{background:var(--warning);color:#fff}.confirm-btn:hover{background:var(--warning);transform:translateY(-1px)}@media (max-width: 768px){.settings-main{padding:1rem}.settings-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.header-left,.header-right{justify-content:center}.settings-section{padding:1.5rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-control{align-self:flex-end}.settings-actions{flex-direction:column;align-items:stretch}.confirm-modal{margin:10px;max-width:none}.modal-actions{flex-direction:column}}@media (max-width: 480px){.settings-section{padding:1rem}.section-header{margin-bottom:1.5rem}.setting-item,.modal-header,.modal-content,.modal-actions{padding:1rem}}.iframe-page-container{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.iframe-page-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg)}.iframe-page-header{background:var(--bg-light);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.page-title{font-size:.9rem;color:var(--text-muted);margin-left:.5rem}.header-right{display:flex;align-items:center;gap:1rem}.header-button{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.header-button:hover{background:var(--primary);transform:translateY(-1px)}.iframe-page-main{flex:1;display:flex;flex-direction:column;padding:2rem;gap:1.5rem}.iframe-page-container.fullscreen .iframe-page-main{padding:0;gap:0}.url-section{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:1.5rem;animation:fadeIn .3s ease-out}.url-input-container{display:flex;flex-direction:column;gap:1rem}.url-form{width:100%}.url-input-group{display:flex;gap:.75rem;align-items:center}.url-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.9rem;transition:all .2s ease}.url-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.url-input::placeholder{color:var(--text-muted)}.load-button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.load-button:hover{background:var(--primary);transform:translateY(-1px)}.iframe-controls{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.control-btn{background:var(--bg-light);border:1px solid var(--border);color:var(--text-muted);padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.current-url{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.85rem}.url-label{color:var(--text-muted);font-weight:500}.url-text{color:var(--text);font-family:monospace;background:var(--bg-light);padding:.25rem .5rem;border-radius:4px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-links-section{margin-top:1.5rem}.quick-links-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-link-btn{background:var(--bg);border:1px solid var(--border);padding:1rem;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease}.quick-link-btn:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.quick-link-name{font-weight:600;color:var(--text);margin-bottom:.25rem}.quick-link-description{font-size:.85rem;color:var(--text-muted)}.iframe-container{flex:1;position:relative;background:var(--bg-light);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-height:600px;display:flex;align-items:center;justify-content:center}.iframe-page-container.fullscreen .iframe-container{border-radius:0;border:none;min-height:100vh}.main-iframe{width:100%;height:100%;border:none;background:#fff;position:absolute;top:0;left:0}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p{color:var(--text-muted);margin:0}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;gap:1rem}.error-icon{font-size:3rem;opacity:.7}.error-content h3{margin:0 0 .5rem;color:var(--danger);font-weight:600}.error-content p{margin:0 0 1rem;color:var(--text-muted);line-height:1.5}.error-suggestions{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:left;max-width:500px}.error-suggestions p{margin:0 0 .5rem;font-weight:600;color:var(--text)}.error-suggestions ul{margin:0;padding-left:1.5rem;color:var(--text-muted)}.error-suggestions li{margin-bottom:.25rem;line-height:1.4}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--text);font-weight:600}.empty-state p{margin:0 0 1.5rem;color:var(--text-muted)}.example-urls{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:left;max-width:300px}.example-urls p{margin:0 0 .5rem;font-weight:600;color:var(--text)}.example-urls ul{margin:0;padding-left:1.5rem;color:var(--text-muted)}.example-urls li{margin-bottom:.25rem;font-family:monospace;font-size:.9rem}.exit-fullscreen-btn{position:fixed;top:1rem;right:1rem;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 4px 12px #00000026;transition:all .2s ease}.exit-fullscreen-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width: 768px){.iframe-page-main{padding:1rem}.iframe-page-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.header-left,.header-right{justify-content:center}.url-input-group{flex-direction:column;align-items:stretch}.iframe-controls{flex-wrap:wrap;gap:.5rem}.current-url{margin-left:0;margin-top:.5rem;flex-basis:100%}.url-text{max-width:200px}.quick-links-grid{grid-template-columns:1fr}.iframe-container{min-height:400px}}@media (max-width: 480px){.url-section{padding:1rem}.iframe-controls{padding:.5rem}.control-btn{padding:.4rem}.exit-fullscreen-btn{top:.5rem;right:.5rem;padding:.5rem}.error-message,.empty-state{padding:1.5rem}}.floating-chat-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000001f,0 2px 6px #00000014;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;animation:float 3s ease-in-out infinite}.floating-chat-button:hover{transform:scale(1.1);box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a}.floating-chat-button:active{transform:scale(1.05)}.chat-icon{transition:transform .2s ease}.floating-chat-button:hover .chat-icon{transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.floating-chat-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:var(--primary);opacity:.3;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}@media (max-width: 768px){.floating-chat-button{bottom:20px;right:20px;width:56px;height:56px}}@media (max-width: 480px){.floating-chat-button{bottom:16px;right:16px;width:52px;height:52px}}.chat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;z-index:1000;animation:fadeIn .2s ease-out}.chat-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:400px;height:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-light)}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff}.chat-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.chat-status{font-size:12px;color:var(--success);font-weight:500}.chat-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-close-btn:hover{background:var(--bg-light);color:var(--text)}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;max-width:80%}.message.user{align-self:flex-end;align-items:flex-end}.message.bot{align-self:flex-start;align-items:flex-start}.message-content{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word}.message.user .message-content{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message.bot .message-content{background:var(--bg-light);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.message-time{font-size:11px;color:var(--text-muted);margin-top:4px;padding:0 4px}.typing-indicator{display:flex;gap:4px;align-items:center;padding:4px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-form{padding:20px;border-top:1px solid var(--border);display:flex;gap:12px;background:var(--bg)}.chat-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:24px;background:var(--bg-light);color:var(--text);font-size:14px;outline:none;transition:all .2s ease}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.1)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{width:44px;height:44px;border:none;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:var(--primary);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 480px){.chat-modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.chat-modal{width:100%;height:100%;max-height:100vh;border-radius:0;border:none}}.App{min-height:100vh;margin:0;padding:0}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}:root{--bg-dark: hsl(249 100% 6%);--bg: hsl(245 87% 9%);--bg-light: hsl(239 60% 14%);--text: hsl(230 100% 100%);--text-muted: hsl(231 74% 78%);--highlight: hsl(236 45% 52%);--border: hsl(239 49% 41%);--border-muted: hsl(247 71% 28%);--primary: hsl(233 100% 84%);--secondary: hsl(51 100% 37%);--danger: hsl(8 84% 66%);--warning: hsl(54 100% 27%);--success: hsl(160 100% 35%);--info: hsl(217 100% 69%);--bg-dark: oklch(.1 .08 276);--bg: oklch(.15 .08 276);--bg-light: oklch(.2 .08 276);--text: oklch(.96 .1 276);--text-muted: oklch(.76 .1 276);--highlight: oklch(.5 .16 276);--border: oklch(.4 .16 276);--border-muted: oklch(.3 .16 276);--primary: oklch(.76 .16 276);--secondary: oklch(.76 .16 96);--danger: oklch(.7 .16 30);--warning: oklch(.7 .16 100);--success: oklch(.7 .16 160);--info: oklch(.7 .16 260)}body.light{--bg-dark: hsl(210 40% 98%);--bg: hsl(210 40% 100%);--bg-light: hsl(210 40% 100%);--text: hsl(222 84% 5%);--text-muted: hsl(215 16% 47%);--highlight: hsl(210 40% 100%);--border: hsl(214 32% 91%);--border-muted: hsl(220 14% 96%);--primary: hsl(221 83% 53%);--secondary: hsl(47 95% 57%);--danger: hsl(0 84% 60%);--warning: hsl(45 93% 47%);--success: hsl(142 76% 36%);--info: hsl(199 89% 48%);--bg-dark: oklch(.98 .01 240);--bg: oklch(1 .01 240);--bg-light: oklch(1 .01 240);--text: oklch(.1 .02 240);--text-muted: oklch(.5 .02 240);--highlight: oklch(1 .01 240);--border: oklch(.9 .01 240);--border-muted: oklch(.95 .01 240);--primary: oklch(.6 .2 240);--secondary: oklch(.8 .15 90);--danger: oklch(.7 .2 30);--warning: oklch(.8 .15 80);--success: oklch(.6 .15 150);--info: oklch(.6 .15 220)}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);min-height:100vh;color:var(--text)}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.login-card,.dashboard-card,.file-zone{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.header-right{animation:slideIn .6s cubic-bezier(.4,0,.2,1)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-muted)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}