.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:1rem}@media (max-width: 768px){.modal-content{width:95%;margin:1rem}}@media (max-width: 768px){*{-webkit-tap-highlight-color:rgba(102,126,234,.2)!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}button,a,[role=button],.clickable,.hamburger,.mobile-nav-item,.hero-action-btn,.action-button{min-width:44px!important;min-height:44px!important;touch-action:manipulation!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:pointer!important;pointer-events:auto!important}button:active,.hamburger:active,.mobile-nav-item:active,.action-button:active{transform:scale(.98)!important;transition:transform .1s ease!important}input,textarea,select{font-size:16px!important;-webkit-appearance:none!important}body.menu-open{overflow:hidden!important;position:fixed!important;width:100%!important}.navbar{z-index:1000!important}.mobile-menu-overlay{z-index:999!important}.mobile-nav-menu{z-index:1001!important}.hamburger{z-index:1002!important}.theme-toggle{z-index:1003!important}.hamburger{background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:12px!important;min-width:48px!important;min-height:48px!important}.hamburger span{pointer-events:none!important}.hero-action-btn,.action-button{min-height:48px!important;padding:12px 20px!important}.mobile-nav-item{min-height:60px!important;padding:1rem 1.5rem!important}}@media (max-width: 480px){button,.hamburger,.action-button{min-width:40px!important;min-height:40px!important}}@media (hover: none){button:hover,.action-button:hover{transform:none!important}}.social-auth-container{margin:24px 0}.social-auth-container .divider{position:relative;text-align:center;margin:24px 0}.social-auth-container .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0 20%,#e0e0e0 80%,transparent);z-index:1}.social-auth-container .divider span{background:#fff;padding:0 16px;color:#666;font-size:14px;font-weight:500;position:relative;z-index:2}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:2px solid #e1e5e9;border-radius:10px;background:#fff;color:#333;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.social-btn:hover:before{left:100%}.social-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.social-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0000001a}.social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.social-icon{width:22px;height:22px;flex-shrink:0}.google-btn{border-color:#4285f4}.google-btn:hover:not(:disabled){border-color:#3367d6;background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff}.facebook-btn{border-color:#1877f2}.facebook-btn:hover:not(:disabled){border-color:#166fe5;background:linear-gradient(135deg,#1877f2,#166fe5);color:#fff}.linkedin-btn{border-color:#0a66c2}.linkedin-btn:hover:not(:disabled){border-color:#004182;background:linear-gradient(135deg,#0a66c2,#004182);color:#fff}.social-btn.loading{pointer-events:none}.social-btn.loading .social-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.social-auth-container{margin:20px 0}.social-buttons{gap:10px}.social-btn{padding:12px 16px;font-size:14px}.social-icon{width:20px;height:20px}.social-auth-container .divider{margin:20px 0}.social-auth-container .divider span{font-size:13px;padding:0 12px}}@media (prefers-color-scheme: dark){.social-auth-container .divider span{background:#1a1a1a;color:#ccc}.social-btn{background:#2a2a2a;color:#fff;border-color:#444}.social-btn:hover:not(:disabled){background:#333}}@media (prefers-contrast: high){.social-btn{border-width:3px}.social-auth-container .divider:before{background:#000;height:2px}}@media (prefers-reduced-motion: reduce){.social-btn{transition:none}.social-btn:before{display:none}.social-btn:hover:not(:disabled){transform:none}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#fff;transition:all .3s ease;padding-top:70px;overflow-x:hidden;overflow-y:auto}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #dee2e6;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.theme-light{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #dee2e6;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.theme-dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--border-color: #404040;--shadow: rgba(0, 0, 0, .5);--shadow-hover: rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 100%)}.theme-dark body{background:#1a1a1a;color:#fff}.theme-dark .hero{background:linear-gradient(135deg,#2d2d2d,#3d3d3d)}.theme-dark .about,.theme-dark .services,.theme-dark .blog{background:#2d2d2d}.theme-dark .service-card,.theme-dark .post-card{background:#1a1a1a;border:1px solid #404040}.theme-dark .service-card:hover,.theme-dark .post-card:hover{background:#3d3d3d;border-color:#667eea}body{background-color:var(--bg-primary);color:var(--text-primary)}.theme-toggle{position:fixed;top:100px;right:20px;z-index:1001;background:var(--gradient-primary);border:none;border-radius:50%;width:50px;height:50px;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 15px var(--shadow);transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--shadow-hover)}.theme-dark .navbar{background:linear-gradient(135deg,#2d2d2d,#3d3d3d)}.theme-dark .hero{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .about,.theme-dark .services,.theme-dark .blog{background:var(--bg-secondary);color:var(--text-primary)}.theme-dark .service-card,.theme-dark .post-card{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 5px 15px var(--shadow)}.theme-dark .service-card:hover,.theme-dark .post-card:hover{background:var(--bg-tertiary);box-shadow:0 20px 40px var(--shadow-hover)}.theme-dark footer{background:var(--bg-tertiary);color:var(--text-primary)}.theme-dark .dashboard-wrapper{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);color:var(--text-primary)}.theme-dark .dashboard-hero,.theme-dark .analytics-overview,.theme-dark .projects-overview,.theme-dark .activities-panel,.theme-dark .notifications-panel,.theme-dark .quick-links-panel,.theme-dark .support-panel{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .stat-card,.theme-dark .metric-card,.theme-dark .project-card,.theme-dark .action-button{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .modal-content{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .form-control,.theme-dark input,.theme-dark textarea,.theme-dark select{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .form-control:focus,.theme-dark input:focus,.theme-dark textarea:focus,.theme-dark select:focus{background:var(--bg-tertiary);border-color:#667eea}.theme-dark .settings-container{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .settings-panel{background:var(--bg-secondary)}.theme-dark .setting-group,.theme-dark .profile-container{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .profile-section{background:var(--bg-secondary)}.theme-dark .reports-container{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .report-generator,.theme-dark .reports-history{background:var(--bg-secondary)}.theme-dark .help-container{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .help-section{background:var(--bg-secondary)}.theme-dark .verify-container{background:linear-gradient(135deg,#2d2d2d,#3d3d3d)}.theme-dark .verify-card{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.theme-dark .verify-card h2{color:var(--text-primary)}.theme-dark .code-input{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .code-input:focus{background:var(--bg-tertiary);border-color:#667eea}.theme-dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.theme-dark ::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}.theme-dark ::-webkit-scrollbar-thumb:hover{background:#667eea}@media (max-width: 768px){.theme-toggle{top:80px;right:15px;width:45px;height:45px;font-size:18px}body{padding-top:60px}}@media (max-width: 480px){body{padding-top:55px}}.theme-dark .reports-container,.theme-dark .enhanced-reports-container{background:var(--bg-primary);color:var(--text-primary)}.theme-dark .report-generator,.theme-dark .reports-history,.theme-dark .advanced-generator,.theme-dark .reports-history-enhanced,.theme-dark .report-templates{background:var(--bg-secondary);color:var(--text-primary)}.theme-dark .type-option,.theme-dark .report-type-card,.theme-dark .report-item,.theme-dark .report-card,.theme-dark .template-card{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .type-option:hover,.theme-dark .report-type-card:hover,.theme-dark .report-item:hover,.theme-dark .report-card:hover,.theme-dark .template-card:hover{background:var(--bg-tertiary);border-color:#667eea}.theme-dark .type-option.selected,.theme-dark .report-type-card.selected{background:var(--gradient-primary);color:#fff}.theme-dark .advanced-filters{background:var(--bg-tertiary)}.theme-dark .filter-group input,.theme-dark .filter-group select{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .stat-card{background:var(--gradient-primary);color:#fff}@media (max-width: 768px){button,a[role=button],.clickable{min-width:44px!important;min-height:44px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(102,126,234,.2)!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:pointer!important}input,textarea,select{font-size:16px!important}*{-webkit-overflow-scrolling:touch}.theme-toggle{top:80px;right:15px;width:45px;height:45px;font-size:18px;z-index:1003!important}body{padding-top:60px}.reports-container,.enhanced-reports-container{padding:10px!important;margin:5px!important;border-radius:8px!important}.report-types,.report-types-grid{grid-template-columns:1fr!important;gap:10px!important}.type-option,.report-type-card{padding:12px!important;text-align:center!important}.generate-btn{width:100%!important;padding:12px 20px!important;font-size:14px!important}.report-item,.report-card{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.report-actions{width:100%!important;flex-direction:column!important;gap:8px!important}.action-btn{width:100%!important;text-align:center!important;padding:10px!important}}@media (max-width: 480px){body{padding-top:55px}.theme-toggle{width:40px;height:40px;font-size:16px}}