@charset "UTF-8";@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans/IBMPlexSans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans/IBMPlexSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans/IBMPlexSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Material Icons;src:url(/assets/fonts/material-icons/MaterialIcons-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;src:url(/assets/fonts/material-icons/MaterialIconsOutlined-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--primary-color: #667eea;--primary-color-light: #8b9eff;--primary-color-dark: #5568d3;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-color: #764ba2;--secondary-color-light: #9575cd;--secondary-color-dark: #5e3a84;--accent-color: #FFD700;--accent-color-light: #FFA500;--accent-color-dark: #FFB700;--accent-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);--success-color: #10b981;--success-color-light: #34d399;--success-color-dark: #059669;--success-gradient: linear-gradient(90deg, #10b981 0%, #34d399 100%);--warning-color: #f59e0b;--warning-color-light: #fbbf24;--warning-color-dark: #d97706;--warning-gradient: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);--error-color: #ef4444;--error-color-light: #f87171;--error-color-dark: #dc2626;--error-gradient: linear-gradient(90deg, #ef4444 0%, #f87171 100%);--info-color: #3b82f6;--info-color-light: #60a5fa;--info-color-dark: #2563eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--background-color: #ffffff;--background-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--surface-color: #ffffff;--surface-gradient: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);--dark-background: #1a1a2e;--dark-background-gradient: linear-gradient(135deg, rgba(26, 26, 46, .98) 0%, rgba(15, 52, 96, .98) 100%);--dark-surface: rgba(255, 255, 255, .1);--text-color: rgba(0, 0, 0, .9);--text-secondary-color: rgba(0, 0, 0, .7);--text-tertiary-color: rgba(0, 0, 0, .6);--text-disabled-color: rgba(0, 0, 0, .38);--text-on-dark: rgba(255, 255, 255, .95);--text-on-dark-secondary: rgba(255, 255, 255, .8);--text-on-dark-tertiary: rgba(255, 255, 255, .6);--border-color: rgba(0, 0, 0, .08);--border-color-light: rgba(0, 0, 0, .06);--border-color-dark: rgba(0, 0, 0, .12);--border-on-dark: rgba(255, 255, 255, .2);--font-family: "IBM Plex Sans", -apple-system, sans-serif;--heading-font: "IBM Plex Sans", -apple-system, sans-serif;--monospace-font: "IBM Plex Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-size-6xl: 40px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--spacing-unit: 4px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 28px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--border-radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 12px rgba(102, 126, 234, .3);--shadow-primary-lg: 0 8px 20px rgba(102, 126, 234, .4);--shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--shadow-warning: 0 4px 12px rgba(245, 158, 11, .3);--shadow-error: 0 4px 12px rgba(239, 68, 68, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-cubic: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--agent-active-color: #10b981;--agent-thinking-color: #667eea;--agent-waiting-color: #9ca3af;--agent-complete-color: #10b981;--agent-error-color: #ef4444;--story-nav-height: 80px;--story-nav-background: var(--surface-color);--story-nav-border: var(--border-color);--story-progress-color: var(--primary-color);--opacity-disabled: .5;--opacity-hover: .8;--opacity-backdrop: .7}@media (prefers-color-scheme: dark){:root{--background-color: #111827;--surface-color: #1f2937;--text-color: rgba(255, 255, 255, .95);--text-secondary-color: rgba(255, 255, 255, .8);--text-tertiary-color: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .2)}}:root{--primary-color: #667eea;--primary-color-light: #8b9eff;--primary-color-dark: #5568d3;--secondary-color: #764ba2;--secondary-color-light: #9368c4;--secondary-color-dark: #5e3a82;--accent-color: #FFD700;--accent-color-light: #FFE44D;--accent-color-dark: #FFA500;--success-color: #10b981;--success-color-light: #34d399;--success-color-dark: #059669;--warning-color: #ff9800;--warning-color-light: #ffb74d;--warning-color-dark: #f57c00;--error-color: #f44336;--error-color-light: #ff6b6b;--error-color-dark: #d32f2f;--info-color: #4169E1;--info-color-light: #6B8FFF;--info-color-dark: #2952CC;--background-color: #f5f5f5;--background-color-dark: #e0e0e0;--surface-color: #ffffff;--surface-color-elevated: #fafbfc;--dark-background: #1a1a2e;--dark-background-light: #252540;--dark-surface: #0f3460;--text-color: rgba(0, 0, 0, .87);--text-color-secondary: rgba(0, 0, 0, .6);--text-color-tertiary: rgba(0, 0, 0, .38);--text-color-disabled: rgba(0, 0, 0, .26);--text-on-dark: rgba(255, 255, 255, .87);--text-on-dark-secondary: rgba(255, 255, 255, .7);--text-on-dark-tertiary: rgba(255, 255, 255, .5);--text-on-dark-disabled: rgba(255, 255, 255, .3);--border-color: rgba(0, 0, 0, .12);--border-color-light: rgba(0, 0, 0, .06);--border-color-dark: rgba(0, 0, 0, .24);--border-color-on-dark: rgba(255, 255, 255, .12);--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading-font: "IBM Plex Sans", sans-serif;--mono-font: "IBM Plex Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 20px;--font-size-4xl: 24px;--font-size-5xl: 28px;--font-size-6xl: 32px;--font-size-7xl: 36px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-unit: 4px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--spacing-4xl: 48px;--spacing-5xl: 64px;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-md: 10px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--border-radius-3xl: 24px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-base: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .15);--shadow-2xl: 0 16px 48px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 12px rgba(102, 126, 234, .3);--shadow-primary-lg: 0 8px 24px rgba(102, 126, 234, .4);--shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--shadow-error: 0 4px 12px rgba(244, 67, 54, .3);--transition-fast: .15s;--transition-base: .2s;--transition-normal: .3s;--transition-slow: .4s;--transition-slower: .6s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-sharp: cubic-bezier(.4, 0, .6, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-primary-light: linear-gradient(135deg, var(--primary-color-light) 0%, var(--secondary-color-light) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-color-dark) 100%);--gradient-dark: linear-gradient(135deg, var(--dark-background) 0%, var(--dark-surface) 100%);--gradient-success: linear-gradient(135deg, var(--success-color) 0%, var(--success-color-dark) 100%);--breakpoint-xs: 0px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:IBM Plex Sans,-apple-system,sans-serif;margin:0;padding:0;background:#f5f5f5;color:#333;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.login-container,.registration-container,.forgot-password-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0f3460);position:fixed;top:0;left:0;overflow:hidden;padding:20px}.login-container:before,.registration-container:before,.forgot-password-container:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:linear-gradient(135deg,#4169e1,#0f0);border-radius:50%;filter:blur(100px);opacity:.3}.login-container:after,.registration-container:after,.forgot-password-container:after{content:"";position:absolute;bottom:-50%;left:-10%;width:500px;height:500px;background:linear-gradient(135deg,#4169e1,#0f0);border-radius:50%;filter:blur(100px);opacity:.3}.login-card,.registration-card,.forgot-password-card{display:flex;max-width:900px;max-height:90vh;width:90%;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:40px 60px;position:relative;z-index:1;overflow:hidden}@media (max-width: 768px){.login-card,.registration-card,.forgot-password-card{flex-direction:column;padding:30px 20px;max-height:95vh}}.left-section{flex:1;padding-right:40px;color:#fff;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.left-section{padding-right:0;padding-bottom:20px}}.right-section{flex:1;display:flex;justify-content:center;align-items:center;padding-left:40px}@media (max-width: 768px){.right-section{padding-left:0}}.divider{width:2px;background:linear-gradient(to bottom,#fff0,#ffffff4d,#fff0);margin:0 40px}@media (max-width: 768px){.divider{width:100%;height:2px;margin:30px 0;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0)}}.branding .logo{font-size:40px;font-weight:700;margin-bottom:30px;color:gold}.branding .title{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px}.branding .description{font-size:13px;line-height:1.5;color:#fffc;margin-bottom:30px}.branding .website{font-size:13px;color:#fff9}.login-form{width:100%;max-width:380px}.login-form h2{color:#fff;font-size:28px;margin-bottom:6px;text-align:center}.login-form .subtitle{color:#ffffffb3;font-size:13px;text-align:center;margin-bottom:16px}.login-form .demo-credentials{margin-bottom:16px;text-align:center}.login-form .demo-credentials .demo-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid rgba(255,215,0,.4);border-radius:20px;color:gold;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-form .demo-credentials .demo-btn .demo-icon{font-size:16px}.login-form .demo-credentials .demo-btn:hover{background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border-color:#ffd70099;transform:translateY(-2px)}.login-form .demo-credentials .demo-btn:active{transform:translateY(0)}.login-form form .form-group{margin-bottom:16px}.login-form form .form-group .form-label{display:block;color:#ffffffe6;font-size:13px;font-weight:500;margin-bottom:10px;text-align:center}.login-form form .form-group .role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.login-form form .form-group .role-selector .role-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-form form .form-group .role-selector .role-option .role-icon{font-size:22px;line-height:1}.login-form form .form-group .role-selector .role-option .role-text{font-size:11px}.login-form form .form-group .role-selector .role-option:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.login-form form .form-group .role-selector .role-option.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea99;color:#fff;box-shadow:0 4px 12px #667eea4d}.login-form form .form-group .role-selector .role-option.active .role-icon{transform:scale(1.1)}.login-form form .form-group .role-selector .role-option:active{transform:translateY(0)}.login-form form .form-group input[type=email],.login-form form .form-group input[type=password],.login-form form .form-group input[type=text]{width:100%;padding:12px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.login-form form .form-group input[type=email]::placeholder,.login-form form .form-group input[type=password]::placeholder,.login-form form .form-group input[type=text]::placeholder{color:#fff9}.login-form form .form-group input[type=email]:focus,.login-form form .form-group input[type=password]:focus,.login-form form .form-group input[type=text]:focus{background:#ffffff26;border-color:#fff6}.login-form form .form-group input[type=email].is-invalid,.login-form form .form-group input[type=password].is-invalid,.login-form form .form-group input[type=text].is-invalid{border-color:#f44;background:#ff44441a}.login-form form .form-group.remember-me{margin-bottom:10px}.login-form form .form-group.remember-me .checkbox-label{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-form form .form-group.remember-me .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.login-form form .form-group.remember-me .checkbox-label:hover{color:#fff}.login-form form .form-group .error-message{color:#f44;font-size:12px;margin-top:5px;padding-left:10px;animation:fadeIn .3s ease-in}.login-form form .form-group .error-message span{display:block}.login-form form .login-btn{width:100%;padding:13px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.login-form form .login-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.login-form form .login-btn:active{transform:translateY(0)}.login-form .links{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:10px}.login-form .links a{color:#ffffffb3;font-size:14px;cursor:pointer;transition:color .3s ease}.login-form .links a:hover{color:#fff;text-decoration:underline}.login-form .links .separator{color:#fff6;font-size:14px}.login-form .info-text{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.login-form .info-text p{color:#fff9;font-size:12px;line-height:1.4;margin:0}.registration-form{width:100%;max-width:380px}.registration-form h2{color:#fff;font-size:28px;margin-bottom:6px;text-align:center}.registration-form .subtitle{color:#ffffffb3;font-size:13px;text-align:center;margin-bottom:16px}.registration-form form .form-group{margin-bottom:14px}.registration-form form .form-group .form-label{display:block;color:#ffffffe6;font-size:13px;font-weight:500;margin-bottom:10px;text-align:center}.registration-form form .form-group .role-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.registration-form form .form-group .role-selector .role-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.registration-form form .form-group .role-selector .role-option .role-icon{font-size:22px;line-height:1}.registration-form form .form-group .role-selector .role-option .role-text{font-size:11px}.registration-form form .form-group .role-selector .role-option:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.registration-form form .form-group .role-selector .role-option.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea99;color:#fff;box-shadow:0 4px 12px #667eea4d}.registration-form form .form-group .role-selector .role-option.active .role-icon{transform:scale(1.1)}.registration-form form .form-group .role-selector .role-option:active{transform:translateY(0)}.registration-form form .form-group input[type=email],.registration-form form .form-group input[type=password],.registration-form form .form-group input[type=text]{width:100%;padding:11px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.registration-form form .form-group input[type=email]::placeholder,.registration-form form .form-group input[type=password]::placeholder,.registration-form form .form-group input[type=text]::placeholder{color:#fff9}.registration-form form .form-group input[type=email]:focus,.registration-form form .form-group input[type=password]:focus,.registration-form form .form-group input[type=text]:focus{background:#ffffff26;border-color:#fff6}.registration-form form .form-group input[type=email].is-invalid,.registration-form form .form-group input[type=password].is-invalid,.registration-form form .form-group input[type=text].is-invalid{border-color:#f44;background:#ff44441a}.registration-form form .form-group.terms{margin-bottom:10px}.registration-form form .form-group.terms .checkbox-label{display:flex;align-items:flex-start;gap:8px;color:#fffc;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.4}.registration-form form .form-group.terms .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea;margin-top:2px;flex-shrink:0}.registration-form form .form-group.terms .checkbox-label:hover{color:#fff}.registration-form form .form-group .error-message{color:#f44;font-size:11px;margin-top:5px;padding-left:10px;animation:fadeIn .3s ease-in}.registration-form form .form-group .error-message span{display:block}.registration-form form .register-btn{width:100%;padding:13px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.registration-form form .register-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.registration-form form .register-btn:active{transform:translateY(0)}.registration-form .links{margin-top:16px;text-align:center}.registration-form .links a{color:#ffffffb3;font-size:14px;cursor:pointer;transition:color .3s ease}.registration-form .links a:hover{color:#fff;text-decoration:underline}.forgot-password-form{width:100%;max-width:380px}.forgot-password-form h2{color:#fff;font-size:28px;margin-bottom:6px;text-align:center}.forgot-password-form .subtitle{color:#ffffffb3;font-size:13px;text-align:center;margin-bottom:20px}.forgot-password-form .success-message{background:#4caf5026;border:1px solid rgba(76,175,80,.4);border-radius:12px;padding:24px 18px;text-align:center;animation:fadeIn .5s ease-in;margin-bottom:16px}.forgot-password-form .success-message .success-icon{display:inline-block;width:50px;height:50px;background:#4caf504d;border-radius:50%;line-height:50px;font-size:30px;color:#4caf50;margin-bottom:12px}.forgot-password-form .success-message p{color:#fff;font-size:15px;margin-bottom:8px;font-weight:500}.forgot-password-form .success-message small{color:#ffffffb3;font-size:13px;line-height:1.4;display:block}.forgot-password-form form .form-group{margin-bottom:16px}.forgot-password-form form .form-group input{width:100%;padding:12px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.forgot-password-form form .form-group input::placeholder{color:#fff9}.forgot-password-form form .form-group input:focus{background:#ffffff26;border-color:#fff6}.forgot-password-form form .form-group input.is-invalid{border-color:#f44;background:#ff44441a}.forgot-password-form form .form-group .error-message{color:#f44;font-size:12px;margin-top:5px;padding-left:10px;animation:fadeIn .3s ease-in}.forgot-password-form form .form-group .error-message span{display:block}.forgot-password-form form .reset-btn{width:100%;padding:13px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.forgot-password-form form .reset-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.forgot-password-form form .reset-btn:active{transform:translateY(0)}.forgot-password-form .links{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:10px}.forgot-password-form .links a{color:#ffffffb3;font-size:14px;cursor:pointer;transition:color .3s ease}.forgot-password-form .links a:hover{color:#fff;text-decoration:underline}.forgot-password-form .links .separator{color:#fff6;font-size:14px}.main-layout{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#fff}.content-wrapper{display:flex;flex:1;overflow:hidden}.main-content{flex:1;margin-left:256px;overflow-y:auto;background:#f5f5f5;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.expanded{margin-left:80px}@media (max-width: 768px){.main-content,.main-content.expanded{margin-left:0}}.navbar{height:64px;background:#1a1a2e;box-shadow:0 2px 4px #0003,0 4px 8px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;transition:box-shadow .3s ease}.navbar .navbar-left{display:flex;align-items:center;gap:16px}.navbar .navbar-left .menu-toggle{background:transparent;border:none;border-radius:50%;cursor:pointer;padding:12px;display:flex;align-items:center;justify-content:center;transition:background .2s ease;position:relative;overflow:hidden}.navbar .navbar-left .menu-toggle .hamburger{display:block;width:24px;height:2px;background:#ffffffde;position:relative;transition:all .3s ease}.navbar .navbar-left .menu-toggle .hamburger:before,.navbar .navbar-left .menu-toggle .hamburger:after{content:"";position:absolute;width:24px;height:2px;background:#ffffffde;transition:all .3s ease}.navbar .navbar-left .menu-toggle .hamburger:before{top:-7px}.navbar .navbar-left .menu-toggle .hamburger:after{bottom:-7px}.navbar .navbar-left .menu-toggle:hover{background:#ffffff14}.navbar .navbar-left .menu-toggle:active{background:#ffffff1f}.navbar .navbar-left .app-title{display:flex;align-items:center;gap:8px;margin:0}.navbar .navbar-left .app-title .title-icon{font-size:24px;line-height:1;color:#ffffffde}.navbar .navbar-left .app-title .title-text{font-size:20px;font-weight:600;color:gold;letter-spacing:1px}.navbar .navbar-left .app-title .title-subtitle{font-size:13px;font-weight:400;color:#fff9;margin-left:4px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.navbar .navbar-right{display:flex;align-items:center;gap:8px}.navbar .navbar-right .search-box{position:relative;display:flex;align-items:center}.navbar .navbar-right .search-box input{padding:8px 40px 8px 16px;background:#ffffff1a;border:none;border-radius:4px;outline:none;width:240px;color:#ffffffde;font-size:14px;transition:all .2s ease}.navbar .navbar-right .search-box input::placeholder{color:#fff9}.navbar .navbar-right .search-box input:focus{background:#ffffff26;box-shadow:0 0 0 2px #fff3}.navbar .navbar-right .search-box .search-icon{position:absolute;right:12px;pointer-events:none;font-size:16px;color:#fff9}.navbar .navbar-right .quick-actions{display:flex;align-items:center;gap:8px;margin:0 8px}.navbar .navbar-right .quick-actions .action-btn{background:transparent;border:none;border-radius:50%;cursor:pointer;position:relative;padding:12px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.navbar .navbar-right .quick-actions .action-btn .action-icon{font-size:20px;color:#ffffffde}.navbar .navbar-right .quick-actions .action-btn .action-badge{position:absolute;top:6px;right:6px;background:#667eea;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 2px 4px #0000004d}.navbar .navbar-right .quick-actions .action-btn:hover{background:#ffffff14}.navbar .navbar-right .quick-actions .action-btn:active{background:#ffffff1f}.navbar .navbar-right .notifications{position:relative}.navbar .navbar-right .notifications .notification-btn{background:transparent;border:none;border-radius:50%;cursor:pointer;position:relative;font-size:20px;padding:12px;transition:background .2s ease;color:#ffffffde}.navbar .navbar-right .notifications .notification-btn .bell-icon{color:#ffffffde}.navbar .navbar-right .notifications .notification-btn:hover{background:#ffffff14}.navbar .navbar-right .notifications .notification-btn:active{background:#ffffff1f}.navbar .navbar-right .notifications .notification-btn .badge{position:absolute;top:6px;right:6px;background:#f44336;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 2px 4px #0000004d}.navbar .navbar-right .notifications .notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-height:520px;background:#1a1a2e;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0d;overflow:hidden;z-index:1000;animation:fadeIn .2s ease}.navbar .navbar-right .notifications .notification-dropdown .notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08}.navbar .navbar-right .notifications .notification-dropdown .notification-header h3{margin:0;font-size:16px;font-weight:600;color:#fffffff2}.navbar .navbar-right .notifications .notification-dropdown .notification-header .mark-all-read{background:transparent;border:none;color:#667eea;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.navbar .navbar-right .notifications .notification-dropdown .notification-header .mark-all-read:hover{background:#667eea26;color:#7d8ef7}.navbar .navbar-right .notifications .notification-dropdown .notification-list{max-height:380px;overflow-y:auto}.navbar .navbar-right .notifications .notification-dropdown .notification-list::-webkit-scrollbar{width:6px}.navbar .navbar-right .notifications .notification-dropdown .notification-list::-webkit-scrollbar-track{background:#ffffff0d}.navbar .navbar-right .notifications .notification-dropdown .notification-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.navbar .navbar-right .notifications .notification-dropdown .notification-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s ease;cursor:pointer}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item:last-child{border-bottom:none}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item:hover{background:#ffffff0d}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item.unread{background:#667eea14}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item.unread:hover{background:#667eea1f}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item .notification-icon{font-size:24px;line-height:1;flex-shrink:0;color:#ffffffb3}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item .notification-content{flex:1;min-width:0}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item .notification-content .notification-title{font-size:14px;font-weight:600;color:#fffffff2;margin:0 0 4px}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item .notification-content .notification-message{font-size:13px;color:#ffffffb3;margin:0 0 6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-item .notification-content .notification-time{font-size:12px;color:#ffffff80;font-weight:400}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-empty{padding:40px 20px;text-align:center}.navbar .navbar-right .notifications .notification-dropdown .notification-list .notification-empty p{color:#ffffff80;font-size:14px;margin:0}.navbar .navbar-right .notifications .notification-dropdown .notification-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff08;text-align:center}.navbar .navbar-right .notifications .notification-dropdown .notification-footer a{color:#667eea;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease}.navbar .navbar-right .notifications .notification-dropdown .notification-footer a:hover{color:#7d8ef7;text-decoration:underline}.navbar .navbar-right .user-menu{position:relative;display:flex;align-items:center;gap:12px;background:#ffffff14;padding:6px 16px 6px 6px;border-radius:24px;transition:background .2s ease;cursor:pointer}.navbar .navbar-right .user-menu:hover{background:#ffffff1f}.navbar .navbar-right .user-menu .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px;box-shadow:0 2px 4px #0003}.navbar .navbar-right .user-menu .user-info{display:flex;flex-direction:column;gap:2px}.navbar .navbar-right .user-menu .user-info .user-name{font-size:14px;font-weight:500;color:#ffffffde;line-height:1.2}.navbar .navbar-right .user-menu .user-info .user-role{font-size:12px;color:#fff9;line-height:1.2}.navbar .navbar-right .user-menu .dropdown-arrow{font-size:10px;color:#fff9;transition:transform .2s ease}.navbar .navbar-right .user-menu .user-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#1a1a2e;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0d;overflow:hidden;z-index:1000;animation:fadeIn .2s ease}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header{display:flex;gap:12px;padding:20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;box-shadow:0 2px 6px #0000004d;flex-shrink:0}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-info{flex:1;min-width:0}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-info .dropdown-name{font-size:15px;font-weight:600;color:#fffffff2;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-info .dropdown-email{font-size:13px;color:#fff9;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-info .dropdown-role-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-info .dropdown-role-badge.client{background:#4169e133;color:#4169e1;border:1px solid rgba(65,105,225,.4)}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-info .dropdown-role-badge.consultant{background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.4)}.navbar .navbar-right .user-menu .user-dropdown .dropdown-header .dropdown-info .dropdown-role-badge.admin{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.4)}.navbar .navbar-right .user-menu .user-dropdown .dropdown-menu{padding:8px 0}.navbar .navbar-right .user-menu .user-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#ffffffde;text-decoration:none;cursor:pointer;transition:background .2s ease;font-size:14px}.navbar .navbar-right .user-menu .user-dropdown .dropdown-menu .dropdown-item .item-icon{font-size:18px;width:20px;text-align:center;color:#ffffffde}.navbar .navbar-right .user-menu .user-dropdown .dropdown-menu .dropdown-item:hover{background:#ffffff14}.navbar .navbar-right .user-menu .user-dropdown .dropdown-menu .dropdown-item.logout{color:#f44336}.navbar .navbar-right .user-menu .user-dropdown .dropdown-menu .dropdown-item.logout:hover{background:#f443361a}.navbar .navbar-right .user-menu .user-dropdown .dropdown-menu .dropdown-divider{height:1px;background:#ffffff14;margin:8px 0}@media (max-width: 768px){.navbar{padding:0 15px}.navbar .navbar-right .search-box{display:none}}.sidebar{width:256px;background:#1a1a2e;color:#fff;height:calc(100vh - 64px);position:fixed;left:0;top:64px;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #00000026;z-index:99;display:flex;flex-direction:column}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-header .logo{justify-content:center}.sidebar.collapsed .sidebar-header .logo .logo-text{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:15px 0}.sidebar.collapsed .nav-link .nav-label,.sidebar.collapsed .sidebar-footer{display:none}.sidebar .sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar .sidebar-header .logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:500}.sidebar .sidebar-header .logo .logo-icon{font-size:28px;line-height:1}.sidebar .sidebar-header .logo .logo-text{color:gold;font-size:18px;font-weight:600;letter-spacing:1px}.sidebar .user-role{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .user-role .role-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.sidebar .user-role .role-badge.client{background:#4169e126;border-color:#4169e14d;color:#4169e1}.sidebar .user-role .role-badge.consultant{background:#667eea26;border-color:#667eea4d;color:#667eea}.sidebar .user-role .role-badge.admin{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b}.sidebar .user-role .role-badge .role-icon{font-size:18px;line-height:1}.sidebar .user-role .role-badge .role-text{font-size:12px;font-weight:500;line-height:1.2}.sidebar .sidebar-nav{padding:8px 0;flex:1;overflow-y:auto}.sidebar .sidebar-nav .nav-list{list-style:none;padding:0;margin:0}.sidebar .sidebar-nav .nav-list .nav-item{margin:0}.sidebar .sidebar-nav .nav-list .nav-item .nav-link{display:flex;align-items:center;gap:16px;padding:12px 16px;margin:0 8px;color:#ffffffb3;text-decoration:none;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.sidebar .sidebar-nav .nav-list .nav-item .nav-link .nav-icon{font-size:22px;min-width:22px;text-align:center;opacity:.87}.sidebar .sidebar-nav .nav-list .nav-item .nav-link .nav-label{font-size:14px;font-weight:500;letter-spacing:.25px;flex:1;display:flex;align-items:center;justify-content:space-between}.sidebar .sidebar-nav .nav-list .nav-item .nav-link .nav-label .nav-badge{background:#667eea;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar .sidebar-nav .nav-list .nav-item .nav-link:hover{background:#ffffff14;color:#ffffffde}.sidebar .sidebar-nav .nav-list .nav-item .nav-link.active{background:#677eea29;color:#667eea}.sidebar .sidebar-nav .nav-list .nav-item .nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#667eea;border-radius:0 4px 4px 0}.sidebar .sidebar-nav .nav-list .nav-item .nav-link.active .nav-icon{color:#667eea}.sidebar .sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);background:#0003}.sidebar .sidebar-footer .footer-info{text-align:center}.sidebar .sidebar-footer .footer-info .footer-text{font-size:11px;color:#ffffff80;margin:0 0 4px;font-weight:400}.sidebar .sidebar-footer .footer-info .footer-brand{font-size:13px;color:gold;margin:0;font-weight:600;letter-spacing:.5px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.collapsed{transform:translate(0)}}.dashboard{padding:24px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 64px)}.dashboard .dashboard-header{margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#1a1a2ef2,#0f3460f2);border-radius:16px;box-shadow:0 4px 16px #0000001a,0 2px 6px #0000000f;position:relative;overflow:hidden}.dashboard .dashboard-header:before{content:"";position:absolute;top:-50%;right:-10%;width:250px;height:250px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);border-radius:50%}.dashboard .dashboard-header h1{font-size:26px;color:#fff;margin:0 0 6px;font-weight:700;letter-spacing:.3px;position:relative;z-index:1;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard .dashboard-header .welcome-text{color:#ffffffd9;font-size:14px;margin:0;font-weight:400;position:relative;z-index:1}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.dashboard .stats-grid .stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;border:none;box-shadow:0 2px 12px #0000000f,0 1px 4px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard .stats-grid .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-color, #667eea) 0%,var(--card-color-light, #764ba2) 100%)}.dashboard .stats-grid .stat-card:after{content:"";position:absolute;top:-50%;right:-20%;width:120px;height:120px;background:radial-gradient(circle,var(--card-color, #667eea) 0%,transparent 70%);opacity:.06;border-radius:50%;transition:all .3s ease}.dashboard .stats-grid .stat-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 24px #0000001a,0 4px 8px #00000014}.dashboard .stats-grid .stat-card:hover:after{top:-30%;right:-10%;opacity:.1}.dashboard .stats-grid .stat-card:hover .stat-icon{transform:scale(1.08) rotate(3deg)}.dashboard .stats-grid .stat-card .stat-icon{font-size:32px;padding:12px;background:linear-gradient(135deg,var(--card-color, #667eea) 0%,var(--card-color-light, #764ba2) 100%);color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001f;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;z-index:1}.dashboard .stats-grid .stat-card .stat-content{flex:1;position:relative;z-index:1}.dashboard .stats-grid .stat-card .stat-content .stat-value{font-size:22px;font-weight:700;color:#000000e6;margin-bottom:4px;line-height:1;letter-spacing:-.3px}.dashboard .stats-grid .stat-card .stat-content .stat-label{font-size:12px;color:#000000a6;margin-top:4px;font-weight:500;line-height:1.3;letter-spacing:.2px}.dashboard .stats-grid .stat-card .stat-content .stat-trend{font-size:11px;font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:10px;letter-spacing:.2px}.dashboard .stats-grid .stat-card .stat-content .stat-trend.positive{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.dashboard .stats-grid .stat-card .stat-content .stat-trend:not(.positive){color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.dashboard .dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.dashboard .content-card{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:14px;padding:20px;box-shadow:0 2px 12px #0000000f,0 1px 4px #0000000a;border:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard .content-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a,0 2px 6px #0000000f}.dashboard .content-card h2{font-size:17px;color:#000000e6;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid rgba(102,126,234,.15);font-weight:600;letter-spacing:.2px;position:relative}.dashboard .content-card h2:after{content:"";position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2)}.dashboard .content-card .activity-list{list-style:none;padding:0;margin:0}.dashboard .content-card .activity-list .activity-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid rgba(0,0,0,.08);transition:all .2s ease}.dashboard .content-card .activity-list .activity-item:last-child{border-bottom:none}.dashboard .content-card .activity-list .activity-item:hover{background:#0000000a;border-radius:4px}.dashboard .content-card .activity-list .activity-item .activity-dot{width:8px;height:8px;background:#667eea;border-radius:50%;flex-shrink:0}.dashboard .content-card .activity-list .activity-item .activity-text{font-size:14px;color:#000000de;line-height:1.5}.dashboard .content-card .quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.dashboard .content-card .quick-actions .action-btn{padding:12px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #667eea4d}.dashboard .content-card .quick-actions .action-btn:hover{background:#5568d3;box-shadow:0 4px 8px #667eea66}.dashboard .content-card .quick-actions .action-btn:active{transform:translateY(1px)}.dashboard .content-card .chart-placeholder{background:#00000005;border:2px dashed rgba(0,0,0,.12);border-radius:8px;padding:60px 20px;text-align:center;color:#00000061;font-size:14px}.dashboard .stat-trend{font-size:12px;font-weight:500;color:#0009;margin-top:4px}.dashboard .stat-trend.positive{color:#4caf50}.dashboard .section-title{font-size:19px;font-weight:700;color:#000000e6;margin:0 0 16px;letter-spacing:.2px;position:relative;padding-left:16px}.dashboard .section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.dashboard .quick-actions-section{margin-bottom:24px}.dashboard .quick-actions-section .quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 2px 10px #0000000f;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.06);position:relative;overflow:hidden}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--action-color, #667eea) 0%,var(--action-color, #667eea) 100%);opacity:0;transition:opacity .3s ease}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 6px 18px #0000001a;border-color:#667eea33}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card:hover:before{opacity:1}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card:hover .action-icon{transform:scale(1.08) rotate(-3deg)}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card:hover .action-arrow{transform:translate(4px);color:var(--action-color, #667eea)}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-icon{font-size:28px;flex-shrink:0;color:var(--action-color, #667eea);padding:10px;background:#667eea1a;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-content{flex:1}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-content .action-title{font-size:14px;font-weight:600;color:#000000e6;margin:0 0 4px;letter-spacing:.1px}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-content .action-description{font-size:12px;color:#0009;margin:0;line-height:1.4}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-arrow{font-size:20px;color:#0000004d;transition:all .3s ease;flex-shrink:0}.dashboard .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard .card-header h2{margin:0;padding:0;border:none}.dashboard .card-header .view-all{font-size:13px;color:#667eea;cursor:pointer;font-weight:600;transition:all .3s ease;padding:5px 12px;border-radius:6px;background:#667eea14}.dashboard .card-header .view-all:hover{color:#5568d3;background:#667eea26;transform:translate(2px)}.dashboard .activity-card .activity-list .activity-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s ease;border-radius:10px;margin-bottom:6px}.dashboard .activity-card .activity-list .activity-item:last-child{border-bottom:none;margin-bottom:0}.dashboard .activity-card .activity-list .activity-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translate(3px);box-shadow:0 1px 4px #0000000f}.dashboard .activity-card .activity-list .activity-item .activity-icon{font-size:22px;flex-shrink:0;padding:8px;background:#667eea1a;border-radius:8px;transition:all .3s ease}.dashboard .activity-card .activity-list .activity-item .activity-content{flex:1}.dashboard .activity-card .activity-list .activity-item .activity-content .activity-title{font-size:13px;font-weight:600;color:#000000e6;margin:0 0 4px;line-height:1.3}.dashboard .activity-card .activity-list .activity-item .activity-content .activity-description{font-size:12px;color:#000000a6;margin:0 0 6px;line-height:1.4}.dashboard .activity-card .activity-list .activity-item .activity-content .activity-time{font-size:11px;color:#00000080;font-weight:500;display:inline-flex;align-items:center;gap:3px}.dashboard .activity-card .activity-list .activity-item .activity-content .activity-time:before{content:"\25cf";font-size:6px;color:#0000004d}.dashboard .activity-card .activity-list .activity-item.activity-type-success .activity-icon{color:#10b981;background:#10b9811f}.dashboard .activity-card .activity-list .activity-item.activity-type-warning .activity-icon{color:#ff9800;background:#ff98001f}.dashboard .activity-card .activity-list .activity-item.activity-type-message .activity-icon{color:#667eea;background:#667eea1f}.dashboard .activity-card .activity-list .activity-item.activity-type-opportunity .activity-icon{color:gold;background:#ffd7001f}.dashboard .activity-card .activity-list .activity-empty{text-align:center;padding:40px 15px}.dashboard .activity-card .activity-list .activity-empty p{color:#00000080;font-size:13px;margin:0;font-weight:500}.dashboard .milestones-list .milestone-item{padding:14px;background:linear-gradient(135deg,#667eea0a,#764ba20a);border-radius:10px;margin-bottom:12px;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.dashboard .milestones-list .milestone-item:last-child{margin-bottom:0}.dashboard .milestones-list .milestone-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f;border-color:#667eea33}.dashboard .milestones-list .milestone-item .milestone-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.dashboard .milestones-list .milestone-item .milestone-header .milestone-title{font-size:13px;font-weight:600;color:#000000e6;margin:0;flex:1;line-height:1.3}.dashboard .milestones-list .milestone-item .milestone-header .milestone-date{font-size:11px;color:#000000a6;margin-left:12px;font-weight:500;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:#0000000f;border-radius:6px}.dashboard .milestones-list .milestone-item .milestone-consultant{font-size:12px;color:#000000a6;margin:0 0 10px;font-weight:500}.dashboard .milestones-list .milestone-item .milestone-progress{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dashboard .milestones-list .milestone-item .milestone-progress .progress-bar{flex:1}.dashboard .milestones-list .milestone-item .milestone-progress .progress-text{font-size:12px;font-weight:700;color:#000c;min-width:38px;text-align:right}.dashboard .milestones-list .milestone-item .milestone-status{display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;background:#00000014;border-radius:12px;text-transform:capitalize;border:1px solid rgba(0,0,0,.1)}.dashboard .progress-bar{height:8px;background:#00000014;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.dashboard .progress-bar .progress-fill{height:100%;border-radius:8px;transition:width .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,var(--progress-color, #667eea) 0%,var(--progress-color-light, #8b9eff) 100%);position:relative;overflow:hidden}.dashboard .progress-bar .progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard .assignments-list .assignment-item{padding:14px;background:linear-gradient(135deg,#667eea0a,#764ba20a);border-radius:10px;margin-bottom:12px;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.dashboard .assignments-list .assignment-item:last-child{margin-bottom:0}.dashboard .assignments-list .assignment-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f;border-color:#667eea33}.dashboard .assignments-list .assignment-item .assignment-header{margin-bottom:10px}.dashboard .assignments-list .assignment-item .assignment-header .assignment-title{font-size:13px;font-weight:600;color:#000000e6;margin:0 0 4px;line-height:1.3}.dashboard .assignments-list .assignment-item .assignment-header .assignment-client{font-size:12px;color:#000000a6;font-weight:500}.dashboard .assignments-list .assignment-item .assignment-details{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.dashboard .assignments-list .assignment-item .assignment-details .detail-item{display:flex;flex-direction:column;gap:3px;font-size:12px}.dashboard .assignments-list .assignment-item .assignment-details .detail-item .detail-label{color:#0009;font-size:11px;font-weight:500}.dashboard .assignments-list .assignment-item .assignment-details .detail-item .detail-value{font-weight:600;color:#000000e6;font-size:12px}.dashboard .assignments-list .assignment-item .assignment-progress .progress-bar{margin-top:6px}.dashboard .pending-actions-list .pending-action-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s ease;border-radius:10px;margin-bottom:6px}.dashboard .pending-actions-list .pending-action-item:last-child{border-bottom:none;margin-bottom:0}.dashboard .pending-actions-list .pending-action-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translate(3px);box-shadow:0 1px 4px #0000000f}.dashboard .pending-actions-list .pending-action-item .pending-action-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0;box-shadow:0 1px 4px #0000001f}.dashboard .pending-actions-list .pending-action-item .pending-action-content{flex:1}.dashboard .pending-actions-list .pending-action-item .pending-action-content .pending-action-title{font-size:13px;font-weight:600;color:#000000e6;margin:0 0 6px;line-height:1.3}.dashboard .pending-actions-list .pending-action-item .pending-action-content .pending-action-meta{font-size:12px;color:#000000a6;display:flex;align-items:center;gap:8px;font-weight:500}.dashboard .pending-actions-list .pending-action-item .pending-action-content .pending-action-meta .pending-action-separator{color:#0000004d}.dashboard .pending-actions-list .pending-action-item .pending-action-priority{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:5px 10px;border-radius:10px;background:#0000000f;border:1px solid rgba(0,0,0,.1)}.dashboard .dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.dashboard .dashboard-loading .loading-spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.dashboard .dashboard-loading p{margin-top:16px;color:#0009;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.dashboard{padding:16px 12px}.dashboard .dashboard-header{padding:18px 16px;margin-bottom:20px;border-radius:12px}.dashboard .dashboard-header h1{font-size:22px}.dashboard .dashboard-header .welcome-text{font-size:13px}.dashboard .stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.dashboard .stats-grid .stat-card{padding:14px 16px}.dashboard .stats-grid .stat-card .stat-icon{font-size:28px;padding:10px}.dashboard .stats-grid .stat-card .stat-content .stat-value{font-size:20px}.dashboard .stats-grid .stat-card .stat-content .stat-label{font-size:11px}.dashboard .stats-grid .stat-card .stat-content .stat-trend{font-size:10px;padding:3px 8px}.dashboard .section-title{font-size:17px;margin-bottom:14px}.dashboard .quick-actions-section{margin-bottom:20px}.dashboard .quick-actions-section .quick-actions-grid{grid-template-columns:1fr;gap:12px}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card{padding:14px 16px}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-icon{font-size:26px;padding:9px}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-content .action-title{font-size:13px}.dashboard .quick-actions-section .quick-actions-grid .quick-action-card .action-content .action-description{font-size:11px}.dashboard .dashboard-content{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.dashboard .content-card{padding:18px 16px;border-radius:12px}.dashboard .content-card h2{font-size:16px;margin-bottom:14px;padding-bottom:10px}.dashboard .activity-card .activity-list .activity-item{padding:10px;gap:10px}.dashboard .activity-card .activity-list .activity-item .activity-icon{font-size:20px;padding:7px}.dashboard .activity-card .activity-list .activity-item .activity-content .activity-title{font-size:12px}.dashboard .activity-card .activity-list .activity-item .activity-content .activity-description{font-size:11px}.dashboard .activity-card .activity-list .activity-item .activity-content .activity-time{font-size:10px}.dashboard .milestones-list .milestone-item,.dashboard .assignments-list .assignment-item{padding:12px;border-radius:10px}}