body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-container{height:70px;padding:0 2rem}.logo-link{color:inherit;gap:.75rem}.logo-text{color:#fff;font-size:1.25rem;font-weight:700}.nav{gap:2rem}.nav-link{gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.nav-link.active{background:#444;color:#07f;font-weight:600}.nav-label{font-size:.9rem}.user-profile{border-radius:12px;gap:.75rem;padding:.5rem;transition:background .3s ease}.profile-avatar{height:40px;width:40px}.avatar-text{color:#fff;font-weight:600}.profile-info{gap:.25rem}.profile-meta{flex-wrap:wrap;gap:.5rem}.profile-email{font-size:.75rem}.user-dropdown{border-radius:12px;box-shadow:0 10px 25px #00000080;transition:all .3s ease;width:320px}.dropdown-content{padding:.5rem}.dropdown-item{border-radius:8px;gap:.75rem;padding:.75rem 1rem;transition:background .3s ease}.dropdown-divider{margin:.5rem 0}.mobile-menu-btn{padding:.5rem}.mobile-menu-btn span{transition:all .3s ease}.header{background:#333;border-bottom:1px solid #444;box-shadow:0 1px 3px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo-link{align-items:center;display:flex}.logo-link{color:#fff;font-size:1.25rem;font-weight:700;gap:8px;text-decoration:none}.logo-icon{color:#07f;font-size:1.5rem}.nav{gap:8px}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:8px;color:#ccc;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s}.nav-link:hover{background:#444;color:#07f}.nav-link.active{background:#07f}.nav-icon{color:#07f;font-size:1rem}.user-section{position:relative}.user-profile,.user-section{align-items:center;display:flex}.user-profile{border-radius:8px;cursor:pointer;gap:12px;padding:8px 12px;transition:background .2s}.user-profile:hover{background:#444}.profile-avatar{align-items:center;background:#07f;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:36px;justify-content:center;width:36px}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-name{color:#fff;font-size:.9rem;font-weight:600}.profile-meta{align-items:center;display:flex;font-size:.75rem;gap:8px}.user-dropdown{background:#333;border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:8px;min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s;visibility:hidden}.user-section:hover .user-dropdown{opacity:1;transform:translateY(0);visibility:visible}.dropdown-content{padding:8px 10px}.dropdown-item{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:#444;color:#07f}.dropdown-icon{color:#07f;font-size:1rem;text-align:center;width:20px}.logout-btn{color:#f44}.logout-btn:hover{background:#422;color:#f66}.dropdown-divider{background:#444;height:1px;margin:8px 0}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px}.mobile-menu-btn span{background:#fff;height:2px;transition:all .2s;width:20px}@media (max-width:1024px){.header-container{padding:0 1rem}.nav{gap:1rem}.profile-info{display:none}}@media (max-width:768px){.mobile-menu-btn{display:flex}.nav{background:#333;border-bottom:1px solid #444;box-shadow:0 4px 6px #0000004d;flex-direction:column;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{justify-content:center;padding:1rem}.user-dropdown{border-radius:20px 20px 0 0;bottom:0;left:0;position:fixed;right:0;top:auto;transform:translateY(100%);width:100%}.user-section:hover .user-dropdown{transform:translateY(0)}}@media (max-width:480px){.header-container{padding:0 .5rem}.logo-text{display:none}}.account-type-badge{background:#07f;border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.loading-user{font-size:.9rem}@media (max-width:768px){.nav{display:none}.nav-open{display:flex}.nav-link{justify-content:flex-start;padding:12px 16px}.user-profile .profile-info{display:none}.mobile-menu-btn{display:flex}.user-dropdown{border-radius:16px 16px 0 0;bottom:0;left:0;margin:0;position:fixed;right:0;top:auto;transform:translateY(100%)}.user-section:hover .user-dropdown{transform:translateY(0)}}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #eee;box-shadow:0 4px 20px #0000000a}.header-container{height:82px;max-width:1400px}.logo-text{color:#333;font-size:1.4rem;font-weight:900}.logo-icon{font-size:1.8rem}.nav{gap:12px}.nav-link{border-radius:999px;color:#666;font-weight:600;padding:12px 20px}.nav-link:hover{background:#eef6ff;color:#0d82ff}.nav-link.active{background:#0d82ff;box-shadow:0 8px 20px #0d82ff33;color:#fff}.nav-link.active .nav-icon{color:#fff}.nav-icon{color:#0d82ff}.nav-label{font-size:.92rem}.user-profile{background:#fff;border:1px solid #eee;border-radius:999px;box-shadow:0 6px 18px #0000000a;padding:8px 14px 8px 8px}.user-profile:hover{background:#f8fbff}.profile-avatar{background:#0d82ff;box-shadow:0 8px 18px #0d82ff40;font-size:.9rem;height:44px;width:44px}.profile-name{color:#333;font-weight:700}.profile-email{color:#888}.account-type-badge{background:#eef6ff;border:1px solid #cfe5ff;color:#0d82ff}.user-dropdown{background:#fff;border:1px solid #eee;border-radius:24px;box-shadow:0 10px 30px #00000014,0 3px 8px #0000000d}.dropdown-content{padding:12px}.dropdown-item{border-radius:14px;color:#555}.dropdown-item:hover{background:#f5f9ff;color:#0d82ff}.dropdown-icon{color:#0d82ff}.dropdown-divider{background:#eee}.logout-btn{color:#dc3545}.logout-btn:hover{background:#fff3f3;color:#dc3545}.mobile-menu-btn{border-radius:12px}.mobile-menu-btn:hover{background:#f5f5f5}.mobile-menu-btn span{background:#333}@media (max-width:768px){.nav{background:#fff;border-bottom:1px solid #eee;box-shadow:0 10px 30px #0000000f;gap:10px;padding:16px}.nav-link{border-radius:16px;justify-content:flex-start}.user-dropdown{background:#fff;border:none;border-radius:24px 24px 0 0}.header{border-radius:0 0 24px 24px}}.loading-user{color:#888}.header:after{background:linear-gradient(90deg,#0000,#0d82ff33,#0000);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.footer{background:linear-gradient(135deg,#2c3e50,#34495e)}.footer-container{padding:50px 30px 30px}.footer-section{text-align:left}.footer-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;position:relative;text-align:left}.footer-section h3:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.footer-section h4{color:#ecf0f1;font-size:1.1rem;font-weight:600;margin-bottom:20px}.footer-section p{line-height:1.6;margin-bottom:20px}.footer-section a,.footer-section p{color:#bdc3c7;font-size:.95rem;text-align:left}.footer-section a{display:block;margin-bottom:12px;padding-left:0;position:relative;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:#667eea;transform:translateX(5px)}.footer-section a:before{color:#667eea;content:"›";left:-15px;opacity:0;position:absolute;transition:all .3s ease}.footer-section a:hover:before{left:-10px;opacity:1}.social-links a{align-items:center;display:flex;gap:10px;transition:all .3s ease}.social-links a:hover{background:none;transform:none}.social-links a:before{display:none}.social-icon{background:#ffffff1a;border-radius:6px;font-size:.9rem;height:24px;transition:all .3s ease;width:24px}.social-links a:hover .social-icon{background:#667eea;transform:scale(1.1)}.contact-info{gap:15px}.contact-item{align-items:center;color:#bdc3c7;font-size:.95rem;gap:12px}.contact-icon{color:#667eea;text-align:center}.footer-bottom p,.legal-links a{color:#95a5a6}.legal-links a:hover{color:#667eea}.legal-links a:after{bottom:-2px}.newsletter{margin-top:20px}.newsletter p{color:#bdc3c7}.newsletter-form{gap:10px;margin-bottom:15px}.newsletter-input{flex:1 1;font-size:.9rem;padding:12px 15px}.newsletter-input::placeholder{color:#95a5a6}.newsletter-btn{font-size:.9rem;padding:12px 20px;white-space:nowrap}.newsletter-btn:hover{box-shadow:0 4px 12px #667eea66}.newsletter-note{color:#7f8c8d;font-size:.8rem;line-height:1.4}.trust-badges{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.trust-badge{align-items:center;background:#ffffff1a;border-radius:6px;color:#bdc3c7;display:flex;font-size:.8rem;gap:6px;padding:8px 12px;transition:all .3s ease}.trust-badge:hover{background:#ffffff26;color:#fff}@media (max-width:1024px){.footer-container{gap:30px;grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:1/-1}}@media (max-width:768px){.footer-container{gap:30px;grid-template-columns:1fr;padding:40px 20px 20px}.footer-bottom-content{flex-direction:column;gap:15px;text-align:center}.legal-links{flex-wrap:wrap;justify-content:center}.newsletter-form{flex-direction:column}.trust-badges{justify-content:center}.social-links{flex-direction:row;flex-wrap:wrap}.social-links a{flex:0 0 auto}}@media (max-width:480px){.footer-container{padding:30px 15px 15px}.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1rem}.contact-item{font-size:.9rem}.newsletter-btn{padding:10px 15px}}.footer{background:linear-gradient(135deg,#1a2530,#2c3e50)}@media (prefers-contrast:high){.footer{background:#1a1a1a;border-top:2px solid #667eea}.footer-section a{color:#fff}.footer-section a:hover{color:#667eea;text-decoration:underline}}@media (prefers-reduced-motion:reduce){.footer-section,.footer-section a,.newsletter-btn,.social-links a,.trust-badge{animation:none;transition:none}.footer-section a:hover{transform:none}.footer-section a:before{transition:none}}@media print{.footer{background:#fff!important;border-top:2px solid #000}.footer,.footer-section a{color:#000!important}.newsletter-form,.social-links,.trust-badges{display:none}}.footer{background:linear-gradient(135deg,#1a1f36,#2d3748);color:#fff;margin-top:auto;overflow:hidden}.footer:before{background:linear-gradient(90deg,#0000,#667eea,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.5fr;margin:0 auto;max-width:1200px;padding:60px 30px 30px;position:relative;z-index:1}.footer-brand{display:flex;flex-direction:column;gap:20px}.brand-logo{align-items:center;display:flex;gap:12px;margin-bottom:10px}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem}.logo-icon,.logo-text{-webkit-text-fill-color:#0000}.logo-text{background:linear-gradient(135deg,#fff,#a0aec0);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.footer-brand p{color:#a0aec0;font-size:1rem;line-height:1.7;margin-bottom:25px;max-width:400px}.footer-section h4{color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;margin-bottom:25px;position:relative}.footer-section h4:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:30px}.footer-nav{display:flex;flex-direction:column;gap:14px}.footer-nav a{align-items:center;color:#a0aec0;display:flex;font-size:1rem;gap:12px;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-nav a:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.footer-nav a:hover{color:#fff;transform:translateX(8px)}.footer-nav a:hover:before{height:16px}.nav-icon{font-size:1.1rem;opacity:.7;text-align:center;width:20px}.footer-nav a:hover .nav-icon{opacity:1;transform:scale(1.1)}.footer-contacts{display:flex;flex-direction:column;gap:18px}.contact-item{align-items:flex-start;color:#a0aec0;display:flex;font-size:1rem;gap:14px;line-height:1.5}.contact-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:.8rem;height:20px;justify-content:center;margin-top:2px;width:20px}.contact-link{color:#a0aec0;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#667eea}.social-section h4{margin-bottom:25px}.social-links{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.social-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#a0aec0;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-2px)}.social-icon{align-items:center;display:flex;font-size:1.1rem;height:20px;justify-content:center;width:20px}.newsletter{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.newsletter p{color:#a0aec0;font-size:.9rem;line-height:1.5;margin-bottom:15px}.newsletter-form{display:flex;flex-direction:column;gap:12px}.newsletter-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:14px 16px;transition:all .3s ease}.newsletter-input::placeholder{color:#a0aec0}.newsletter-input:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.newsletter-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease}.newsletter-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.footer-bottom{background:#0003;border-top:1px solid #ffffff1a;padding:25px 30px;position:relative}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-bottom p{color:#a0aec0;font-size:.9rem;margin:0}.legal-links{display:flex;gap:25px}.legal-links a{color:#a0aec0;font-size:.85rem;position:relative;text-decoration:none;transition:color .3s ease}.legal-links a:after{background:#667eea;bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.legal-links a:hover{color:#fff}.legal-links a:hover:after{width:100%}.footer-section{animation:fadeInUp .6s ease forwards}.footer-section:first-child{animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}@media (max-width:1024px){.footer-container{gap:40px;grid-template-columns:1fr 1fr;padding:50px 30px 30px}.footer-brand{align-items:center;grid-column:1/-1;text-align:center}.footer-brand p{max-width:600px}}@media (max-width:768px){.footer-container{gap:35px;grid-template-columns:1fr;padding:40px 25px 25px}.footer-bottom-content{flex-direction:column;gap:20px;text-align:center}.legal-links{gap:20px}.legal-links,.social-links{flex-wrap:wrap;justify-content:center}.social-links{flex-direction:row}.social-link{flex:1 1;justify-content:center;min-width:160px}.newsletter{text-align:center}}@media (max-width:480px){.footer-container{gap:30px;padding:35px 20px 20px}.footer-bottom{padding:20px 25px}.logo-text{font-size:1.5rem}.footer-section h4{font-size:1.1rem}.social-link{min-width:140px}.legal-links{gap:15px}.legal-links a{font-size:.8rem}}@media (prefers-color-scheme:dark){.footer{background:linear-gradient(135deg,#0f141e,#1a202c)}}@media (prefers-contrast:high){.footer{background:#000;border-top:3px solid #667eea}.footer-section h4{color:#fff}.contact-item,.footer-nav a,.social-link{border-color:#fff;color:#fff}.footer-nav a:hover,.social-link:hover{background:#333}}@media (prefers-reduced-motion:reduce){.footer-nav a,.footer-section,.newsletter-btn,.social-link{animation:none;transition:none}.footer-nav a:hover,.social-link:hover{transform:none}}@media print{.footer{background:#fff!important;border-top:2px solid #000}.contact-item,.footer,.footer-nav a,.footer-section h4{color:#000!important}.newsletter,.social-links{display:none}}.footer{background:#fff;border-top:1px solid #eee;color:#333;position:relative}.footer:before{display:none}.footer-container{max-width:1300px;padding:70px 40px 40px}.footer-section h3,.footer-section h4,.logo-text{-webkit-text-fill-color:initial;background:none;color:#333}.logo-icon{-webkit-text-fill-color:initial;background:none;color:#0d82ff}.footer-brand p,.footer-section p{color:#777}.footer-section h3:after,.footer-section h4:after{background:#0d82ff;border-radius:999px;height:4px;width:40px}.footer-nav a,.footer-section a{color:#555}.footer-nav a:hover,.footer-section a:hover{color:#0d82ff;transform:translateX(6px)}.footer-nav a:before{background:#0d82ff}.contact-item{color:#555}.contact-icon{background:#eef6ff;color:#0d82ff}.contact-link{color:#555}.contact-link:hover{color:#0d82ff}.social-link{background:#fff;border:1px solid #e9e9e9;border-radius:18px;box-shadow:0 8px 24px #0000000d;color:#333}.social-link:hover{background:#0d82ff;border-color:#0d82ff;color:#fff}.social-icon{color:inherit}.newsletter{background:#f8fbff;border:1px solid #dcecff;border-radius:24px}.newsletter p,.newsletter-note{color:#777}.newsletter-input{background:#fff;border:1.5px solid #d8d8d8;border-radius:999px;color:#333;padding:16px 20px}.newsletter-input::placeholder{color:#999}.newsletter-input:focus{background:#fff;border-color:#0d82ff;box-shadow:0 0 0 3px #0d82ff1f}.newsletter-btn{background:#0d82ff;border-radius:999px;font-weight:700}.newsletter-btn:hover{background:#006fe6;transform:none}.trust-badge{background:#fff;border:1px solid #e9e9e9;border-radius:999px;box-shadow:0 6px 18px #0000000a;color:#555}.trust-badge:hover{background:#eef6ff;color:#0d82ff}.footer-bottom{background:#fafafa;border-top:1px solid #eee}.footer-bottom p{color:#777}.legal-links a{color:#666}.legal-links a:hover{color:#0d82ff}.legal-links a:after{background:#0d82ff}.footer-brand,.footer-section{background:#fff;border:1px solid #eee;border-radius:24px;box-shadow:0 10px 30px #0000000a;padding:28px}@media (max-width:768px){.footer-container{gap:24px;padding:40px 20px 20px}.footer-brand,.footer-section{border-radius:20px;padding:22px}.social-link{min-width:0;min-width:auto}}.dashboard-page{background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);padding:30px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.welcome-section h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:8px}.welcome-section p{color:#64748b;font-size:1.1rem;margin:0}.quick-actions{display:flex;gap:15px}.btn-outline{font-size:1rem;gap:10px}.main-stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr 1fr;margin-bottom:30px}.main-stat-card{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;display:flex;justify-content:space-between;padding:28px;transition:all .3s ease}.main-stat-card:hover{border-color:#dce3ec;box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.earnings-card{background:linear-gradient(135deg,#07f,#05c);border:none;color:#fff}.projects-card{border-left:4px solid #00a86b}.channels-card{border-left:4px solid #07f}.stat-content{align-items:center;display:flex;gap:20px}.stat-icon{background:#0000000d;border-radius:20px;font-size:2.5rem;height:70px;width:70px}.earnings-card .stat-icon{background:#fff3}.stat-info h3{font-size:.95rem;margin:0 0 8px;opacity:.7}.earnings-card .stat-info h3{color:#000}.channels-card .stat-info h3,.projects-card .stat-info h3{color:#64748b}.stat-number{font-size:2.5rem}.earnings-card .stat-number{color:#000}.channels-card .stat-number,.projects-card .stat-number{color:#1e293b}.stat-trend{font-size:.85rem;font-weight:600}.stat-trend.positive{color:#00a86b}.earnings-card .stat-subtitle{color:#ffffffb3}.mini-chart{gap:4px;height:60px}.chart-bar{background:#0077ff80;border-radius:3px;min-height:10px;width:6px}.quick-stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.quick-stat-card{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 12px #0000000a;display:flex;gap:15px;padding:22px;transition:all .3s ease}.quick-stat-card:hover{border-color:#dce3ec;box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.quick-stat-icon{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:52px;justify-content:center;width:52px}.quick-stat-icon.today{background:#07f}.quick-stat-icon.campaigns{background:#00a86b}.quick-stat-icon.pending{background:#ff9500}.quick-stat-icon.subscribers{background:#8e2de2}.quick-stat-value{color:#1e293b;font-size:1.8rem}.quick-stat-label{color:#64748b;font-size:.85rem}.dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.dashboard-section{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:28px}.section-header h2{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0}.projects-grid{display:flex;flex-direction:column;gap:16px}.project-card:hover{box-shadow:0 8px 24px #0077ff14}.project-header{margin-bottom:12px}.category-icon,.project-budget,.project-name{font-size:1.1rem}.project-name{font-weight:600}.project-details{margin-bottom:15px}.detail-label{font-size:.85rem}.project-requirements{border-radius:14px;margin-bottom:18px;padding:12px 14px}.requirements-label{color:#1e293b;font-weight:600;margin-right:8px}.requirements-text{color:#475569;font-size:.85rem}.btn-secondary{padding:10px 18px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:18px;display:flex;gap:15px;padding:16px;transition:all .3s ease}.activity-item:hover{background:#f8fafc;border-color:#dce3ec}.activity-icon{align-items:center;background:#f1f5f9;border-radius:14px;color:#07f;display:flex;font-size:1.3rem;height:44px;justify-content:center;width:44px}.activity-content{flex:1 1}.activity-main{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}.activity-channel{color:#1e293b;font-weight:600}.activity-project{color:#64748b;font-size:.85rem}.activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.activity-date{color:#94a3b8;font-size:.75rem}.activity-amount{font-size:.85rem;font-weight:600}.activity-amount.positive{color:#00a86b}.status-badge{gap:4px}.status-completed{background:#e8f5e9;color:#2e7d32}.status-in-progress{background:#fff3e0;color:#ed6c02}.status-pending{background:#e3f2fd;color:#07f}.cta-banner{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:28px;box-shadow:0 8px 30px #0000001a;color:#f1f5f9;margin:30px 0;overflow:hidden;padding:36px 40px;position:relative}.cta-content{position:relative;z-index:1}.dashboard-page .cta-text h3{align-items:center;color:#fff;display:flex;font-size:1.6rem;font-weight:700;gap:12px;margin:0 0 12px}.dashboard-page .cta-text p{color:#cbd5e1;font-size:1rem;line-height:1.5;margin:0}.cta-actions{display:flex;flex-wrap:wrap;gap:16px}.btn-primary.btn-large{align-items:center;background:#07f;border:none;border-radius:999px;box-shadow:0 2px 8px #0077ff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-primary.btn-large:hover{background:#06d;box-shadow:0 6px 16px #07f6;transform:translateY(-2px)}.btn-outline.btn-large{align-items:center;background:#0000;border:2px solid #475569;border-radius:999px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-outline.btn-large:hover{background:#ffffff0d;border-color:#64748b;color:#fff}.referral-section{margin-bottom:30px}.referral-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;color:#1e293b;padding:28px 32px}.referral-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.referral-header h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0}.commission-badge{background:linear-gradient(135deg,#07f,#05c);box-shadow:0 2px 8px #07f3;color:#fff;font-size:13px;padding:6px 16px}.referral-link-input{background:#fff;font-size:14px}.referral-info{border:1px solid #eef2f6;border-radius:16px;margin-top:20px;padding:18px 22px}.referral-info p{font-size:14px;line-height:1.6}.referral-info strong{color:#1e293b;font-weight:600}.referral-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.referral-btn{align-items:center;border:none;border-radius:40px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.referral-btn-primary{background:#07f;color:#fff;flex:2 1}.referral-btn-primary:hover{background:#06d;box-shadow:0 4px 12px #0077ff4d;transform:translateY(-1px)}.referral-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b;flex:1 1}.referral-btn-secondary:hover{background:#e2e8f0}.referral-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px}.referral-stat-item{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:18px;text-align:center}.referral-stat-value{color:#07f;font-size:2rem;font-weight:700;margin-bottom:8px}.commission-stat-value{color:#00a86b}.referral-stat-label{color:#64748b;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.error-message{margin:10px 0;padding:12px 16px}.commission-tooltip{margin-left:6px;position:relative}.commission-tooltip,.tooltip-icon{align-items:center;display:inline-flex;justify-content:center}.tooltip-icon{background-color:#94a3b8;border-radius:50%;color:#fff;cursor:help;font-size:11px;font-weight:700;height:16px;transition:background-color .2s ease;width:16px}.tooltip-icon:hover{background-color:#64748b}.tooltip-text{background-color:#1e293b;border-radius:10px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#f1f5f9;font-size:12px;line-height:1.4;margin-bottom:8px;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:1000}.tooltip-text,.tooltip-text:before{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-text:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #1e293b;content:"";top:100%}.dashboard-page::-webkit-scrollbar{width:8px}.dashboard-page::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.dashboard-page::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.dashboard-page::-webkit-scrollbar-thumb:hover{background:#64748b}@media (max-width:1200px){.dashboard-content,.main-stats-grid{grid-template-columns:1fr}}@media (max-width:1024px){.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-page{padding:20px 16px}.dashboard-header{flex-direction:column}.welcome-section h1{font-size:1.8rem}.quick-actions{flex-direction:column;width:100%}.quick-actions .btn-outline,.quick-actions .btn-primary{justify-content:center;width:100%}.quick-stats-grid{grid-template-columns:1fr}.cta-content{flex-direction:column;text-align:center}.cta-actions{justify-content:center}.project-details{grid-template-columns:1fr}.referral-header{align-items:flex-start}.referral-buttons,.referral-header,.referral-link-container{flex-direction:column}.referral-btn{width:100%}.referral-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-page{padding:16px 12px}.dashboard-section{padding:20px 16px}.project-actions{flex-direction:column}.cta-banner{padding:24px 20px}.cta-text h3{font-size:1.3rem}.tooltip-text{max-width:260px;min-width:200px;white-space:normal}}.activity-item,.dashboard-section,.main-stat-card,.project-card,.quick-stat-card,.referral-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-section,.main-stat-card,.quick-stat-card{animation:fadeInUp .4s ease-out forwards}.main-stat-card:first-child{animation-delay:.05s}.main-stat-card:nth-child(2){animation-delay:.1s}.main-stat-card:nth-child(3){animation-delay:.15s}.quick-stat-card:first-child{animation-delay:.1s}.quick-stat-card:nth-child(2){animation-delay:.15s}.quick-stat-card:nth-child(3){animation-delay:.2s}.quick-stat-card:nth-child(4){animation-delay:.25s}.empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:8px}.empty-state-description{color:#64748b;font-size:.9rem;margin-bottom:20px}.toast-notification{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #07f;border-radius:16px;bottom:24px;box-shadow:0 8px 30px #0000001f;display:flex;gap:12px;padding:16px 20px;position:fixed;right:24px;z-index:1000}.toast-notification.success{border-left-color:#00a86b}.toast-notification.error{border-left-color:#dc2626}.toast-notification.warning{border-left-color:#ff9500}.toast-icon{font-size:1.2rem}.toast-content{flex:1 1}.toast-title{color:#1e293b;font-weight:600;margin-bottom:2px}.toast-message{color:#64748b;font-size:.85rem}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;transition:color .2s}.toast-close:hover{color:#1e293b}.modal-overlay{animation:fadeIn .2s ease-out;z-index:1100}.modal-container{animation:scaleIn .3s ease-out;background:#fff;border-radius:28px;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.modal-header h3{font-weight:700}.modal-close{font-size:1.3rem;transition:color .2s}.modal-close:hover{color:#1e293b}.modal-footer{border-top:1px solid #eef2f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.checkbox-custom,.radio-custom{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:.9rem;gap:10px}.checkbox-custom input,.radio-custom input{accent-color:#07f;cursor:pointer;height:18px;width:18px}.select-search{position:relative}.select-search-input{border:2px solid #e2e8f0;border-radius:14px;font-size:.9rem;padding:12px 16px;transition:all .3s ease;width:100%}.select-search-input:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.select-search-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.select-search-option{cursor:pointer;padding:10px 16px;transition:background .2s}.select-search-option:hover{background:#f1f5f9}.progress-container{background:#e2e8f0;border-radius:10px;height:8px;overflow:hidden;width:100%}.progress-bar-filled{background:linear-gradient(90deg,#07f,#4da3ff);border-radius:10px;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.progress-bar-filled:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.skeleton{animation:skeletonLoading 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:8px}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px;width:60%}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.badge{align-items:center;border-radius:30px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:4px 10px}.badge-primary{background:#e3f2fd;color:#07f}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-warning{background:#fff3e0;color:#ed6c02}.badge-error{background:#fef2f2;color:#dc2626}.badge-info{background:#e0f2fe;color:#0284c7}.divider{background:#e2e8f0;height:1px;margin:20px 0}.divider-vertical{background:#e2e8f0;height:30px;margin:0 16px;width:1px}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:before{background:#1e293b;border-radius:8px;bottom:100%;color:#f1f5f9;content:attr(data-tooltip);font-size:.75rem;left:50%;margin-bottom:8px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s;visibility:hidden;white-space:nowrap;z-index:1000}[data-tooltip]:hover:before{opacity:1;visibility:visible}@media print{.dashboard-page{background:#fff;padding:0}.cta-banner,.quick-actions,.referral-section,.view-all-link{display:none}.dashboard-section,.main-stat-card,.quick-stat-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.btn-outline,.btn-primary,.btn-secondary{display:none}}.profile-page{background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.profile-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr}.profile-sidebar{display:flex;flex-direction:column;gap:25px}.user-card{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:28px;transition:all .3s ease}.user-card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.avatar-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.avatar{height:80px;min-width:80px;position:relative}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#07f,#05c);box-shadow:0 4px 12px #07f3;color:#fff;display:flex;font-size:2rem;font-weight:700;justify-content:center}.avatar img,.avatar-placeholder{border-radius:50%;height:100%;width:100%}.avatar img{object-fit:cover}.avatar-upload{align-items:center;background:#07f;border-radius:50%;bottom:0;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:30px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:30px}.avatar-upload:hover{background:#05c;transform:scale(1.1)}.avatar-upload input{display:none}.user-info{display:flex;flex-direction:column}.user-info h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 5px}.user-info p{color:#64748b;font-size:.9rem;margin:0 0 5px}.user-since{color:#94a3b8;font-size:.8rem}.user-stats{grid-gap:16px;border-top:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding-top:20px}.user-stat{text-align:center}.user-stat .stat-value{color:#1e293b;display:block;font-size:1.3rem;font-weight:700;margin-bottom:4px}.user-stat .stat-label{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.profile-nav{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:8px}.nav-item{align-items:center;background:none;border:none;border-radius:14px;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:14px 16px;transition:all .3s ease;width:100%}.nav-item:hover{background:#f1f5f9;color:#07f}.nav-item.active{background:#e3f2fd;color:#07f}.nav-icon{font-size:1.2rem}.profile-content{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:32px}.tab-header{align-items:center;border-bottom:2px solid #eef2f6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.tab-header h2{color:#1e293b;font-size:1.6rem;font-weight:700;margin:0}.btn-edit{align-items:center;background:#07f;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-edit:hover{background:#06d;box-shadow:0 4px 12px #0077ff4d;transform:translateY(-2px)}.btn-edit.editing{background:#00a86b}.btn-edit.editing:hover{background:#008f5a}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.form-group input::placeholder{color:#94a3b8}.field-value{background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;color:#1e293b;font-size:.95rem;padding:12px 16px}.field-value a{color:#07f;text-decoration:none}.field-value a:hover{text-decoration:underline}.security-settings{display:flex;flex-direction:column;gap:16px}.security-item{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:20px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.security-item:hover{background:#fff;border-color:#07f;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.security-info h4{color:#1e293b;font-weight:600;margin:0 0 5px}.security-info p{color:#64748b;font-size:.85rem;margin:0}.toggle{display:inline-block;height:28px;position:relative;width:52px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0000001a;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}input:checked+.toggle-slider{background-color:#00a86b}input:checked+.toggle-slider:before{transform:translateX(24px)}.login-history{margin-top:30px}.login-history h3{color:#1e293b;font-size:1.2rem;margin-bottom:16px}.history-list{gap:12px;margin-top:15px}.history-item{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.history-item:hover{background:#fff;border-color:#07f}.history-info{display:flex;flex-direction:column;gap:4px}.history-device{color:#1e293b;font-weight:600}.history-ip{color:#94a3b8;font-size:.75rem}.history-date{color:#64748b;font-size:.85rem}.notification-settings{display:flex;flex-direction:column;gap:28px}.notification-category h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:20px}.notification-item{align-items:center;border-bottom:1px solid #eef2f6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:14px 0}.notification-label{color:#1e293b;font-weight:500}.payment-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.payment-card{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:20px;display:flex;flex-wrap:wrap;gap:20px;padding:24px;transition:all .3s ease}.payment-card:hover{border-color:#07f;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.balance-card{background:linear-gradient(135deg,#07f,#05c);border:none;color:#fff}.payment-icon{color:#07f;font-size:2.2rem}.balance-card .payment-icon{color:#ffffffe6}.payment-info h3{color:#64748b;font-size:.9rem;margin:0 0 8px;opacity:.8}.balance-card .payment-info h3{color:#fffc}.payment-amount{color:#1e293b;display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.balance-card .payment-amount{color:#fff}.payment-pending{color:#64748b;font-size:.85rem;opacity:.8}.balance-card .payment-pending{color:#ffffffb3}.payment-method{margin-bottom:32px}.payment-method h3{color:#1e293b;margin-bottom:16px}.method-card{gap:16px;margin-top:15px;padding:20px}.method-card:hover{background:#fff;border-color:#07f}.method-icon{font-size:1.8rem}.method-info h4{margin:0 0 5px}.method-info p{font-size:.85rem;margin:0 0 5px}.method-bank{color:#94a3b8;font-size:.75rem}.payout-history{margin-top:32px}.payout-history h3{color:#1e293b;margin-bottom:16px}.history-table{display:flex;flex-direction:column;gap:12px;margin-top:15px}.payout-item{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.payout-item:hover{background:#fff;border-color:#07f}.payout-info{display:flex;flex-direction:column;gap:4px}.payout-amount{color:#1e293b}.payout-method{color:#64748b}.payout-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.payout-date{color:#94a3b8;font-size:.8rem}.payout-status{border-radius:30px;font-size:.7rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.payout-status.completed{background:#e8f5e9;color:#2e7d32}.payout-status.pending{background:#fff3e0;color:#ed6c02}.payout-status.processing{background:#e3f2fd;color:#07f}.payout-status.failed{background:#fef2f2;color:#dc2626}.payout-status.cancelled{background:#f1f5f9;color:#64748b}.stats-grid{margin-bottom:32px}.stat-card{background:#f8fafc;border-radius:20px;gap:16px;padding:20px}.stat-card:hover{box-shadow:0 4px 12px #0000000d}.stat-card .stat-icon{align-items:center;background:#fff;border-radius:16px;color:#07f;display:flex;font-size:1.8rem;height:55px;justify-content:center;width:55px}.stat-card .stat-info h3{color:#64748b;font-size:.8rem;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.stat-card .stat-number{color:#1e293b;font-size:1.6rem;font-weight:700}.performance-chart{margin-top:32px}.performance-chart h3{color:#1e293b;margin-bottom:16px}.chart-placeholder{background:#f8fafc;border:1px solid #eef2f6;border-radius:20px;margin-top:15px;padding:24px}.chart-bars{gap:8px;height:200px;margin-bottom:20px}.chart-bar{align-items:flex-start;background:linear-gradient(0deg,#07f,#4da3ff);display:flex;justify-content:center;margin:0 2px}.bar-value{background:#e2e8f0;color:#1e293b;font-size:.75rem;padding:2px 6px;top:-25px}.chart-labels{gap:8px}.chart-label{color:#64748b;font-size:.7rem}.payment-methods-section{margin-top:32px}.section-header h3{color:#1e293b}.payment-methods-list{display:flex;flex-direction:column;gap:12px}.method-card{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:15px;padding:16px 20px;transition:all .3s ease}.method-card.default{background:#e3f2fd;border-color:#07f}.method-icon{color:#07f;font-size:1.5rem;margin-right:12px}.method-info{flex:1 1}.method-info h4{color:#1e293b;font-size:.95rem;margin:0 0 4px}.method-info p{color:#64748b;font-size:.8rem;margin:0}.default-badge{background:#07f;border-radius:30px;color:#fff;display:inline-block;font-size:.7rem;margin-top:6px;padding:2px 10px}.method-actions{display:flex;gap:8px}.btn-small{background:#07f;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-small:hover{background:#05c;transform:translateY(-1px)}.btn-outline{border:1.5px solid #07f;border-radius:30px;font-weight:500;padding:6px 14px}.empty-methods{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;padding:50px;text-align:center}.empty-icon{font-size:3rem}.empty-methods h4{color:#1e293b;margin:0 0 8px}.empty-methods p{color:#64748b;margin:0 0 16px}.modal-content{overflow:auto}.modal-header{border-bottom:1px solid #eef2f6;padding:20px 24px}.modal-header h3{color:#1e293b;font-size:1.3rem;margin:0}.modal-body{padding:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.method-form{display:flex;flex-direction:column;gap:16px}.checkbox-group{margin-top:16px}.checkbox-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;gap:8px}.checkbox-label input{accent-color:#07f;margin:0}.alert-warning{background:#fff3e0;border:1px solid #ffb74d;border-radius:12px;color:#ed6c02;font-size:.85rem;margin:16px 0;padding:12px 16px}.btn-link{transition:color .2s}.form-group.full-width{grid-column:1/-1}.account-types-edit{display:flex;flex-direction:column;gap:12px;margin-top:8px}.account-type-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.account-type-checkbox input[type=checkbox]{accent-color:#07f;height:18px;margin-top:14px;width:18px}.account-type-card{border-radius:16px;gap:14px;padding:14px 18px}.profile-page .account-type-card.selected{background:#e3f2fd;border-color:#07f}.account-type-icon{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;font-size:1.6rem;height:45px;justify-content:center;min-width:45px}.account-type-card.selected .account-type-icon{background:#e3f2fd}.account-type-details{display:flex;flex:1 1;flex-direction:column}.account-type-details strong{color:#1e293b;font-size:.9rem;margin-bottom:2px}.account-type-details small{color:#64748b;font-size:.75rem}.account-type-note{background:#fff3e0;border-radius:12px;color:#ed6c02;font-size:.8rem;margin-top:8px;padding:10px 14px}.account-types-display{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.account-type-badge{align-items:center;border-radius:30px;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:5px 12px}.account-type-badge.agent{background:#e3f2fd;border:1px solid #90caf9;color:#07f}.account-type-badge.channel-owner{background:#fff3e0;border:1px solid #ffb74d;color:#ed6c02}.account-type-badge.individual{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.profile-content::-webkit-scrollbar{width:8px}.profile-content::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.profile-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.profile-content::-webkit-scrollbar-thumb:hover{background:#64748b}.profile-content,.profile-nav,.user-card{animation:fadeInUp .4s ease forwards}.btn-edit:focus,.btn-link:focus,.btn-outline:focus,.btn-small:focus,.nav-item:focus,.toggle:focus{outline:2px solid #07f;outline-offset:2px}@media (max-width:1024px){.form-grid,.profile-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-page{padding:20px 16px}.header-content h1{font-size:1.8rem}.profile-content{padding:24px 20px}.payment-overview,.stats-grid{grid-template-columns:1fr}.security-item,.tab-header{align-items:flex-start;flex-direction:column}.method-card,.payment-card{flex-direction:column;text-align:center}.method-actions{justify-content:center}.payout-item{flex-direction:column}.payout-item,.payout-meta{align-items:flex-start}.chart-bars{height:150px}.bar-value{font-size:.6rem;top:-20px}}@media (max-width:480px){.avatar-section{flex-direction:column;text-align:center}.user-stats{gap:12px;grid-template-columns:1fr}.history-item,.notification-item{align-items:flex-start;flex-direction:column}.modal-content{border-radius:20px;width:95%}.account-type-card{flex-direction:column;text-align:center}.account-type-details{align-items:center}}.modal-overlay{animation:fadeIn .3s ease;z-index:10000}.channel-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(0deg,#242424,#242424),linear-gradient(180deg,#0000 43.47%,#000c 74.52%);border:1px solid #444;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:#333;border-bottom:1px solid #444;padding:25px 30px 20px}.modal-header h2{font-weight:800}.modal-close{border-radius:50%;color:#ccc;transition:all .3s ease}.modal-close:hover{background:#444}.channel-form{display:flex;flex-direction:column;gap:20px;max-height:calc(90vh - 120px);overflow-y:auto;padding:30px}.form-group label{align-items:center;gap:5px}.form-group.optional label:after{content:""}.form-group input,.form-group select,.form-group textarea{background:#444;border:2px solid #555;border-radius:12px;font-family:inherit;font-size:.95rem;padding:14px 16px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#666}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group textarea{line-height:1.5}.requirements-section{background:#333;border:1px solid #444;border-radius:12px;margin:10px 0;padding:20px}.requirements-section h4{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0 0 15px}.requirements-list{display:flex;flex-direction:column;gap:10px}.requirement-item{align-items:center;color:#ccc;display:flex;font-size:.9rem;gap:10px}.requirement-icon{color:#07f;font-size:1rem;text-align:center;width:20px}.help-text{color:#888;font-size:.8rem;line-height:1.4;margin-top:4px}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#f44;box-shadow:0 0 0 3px #f443}.error-message{align-items:center;color:#f66;display:flex;font-size:.8rem;font-weight:500;gap:5px;margin-top:4px}.error-message:before{content:"⚠";font-size:.7rem}.url-preview{color:#07f;display:block;font-size:.9rem;font-weight:600;margin-top:4px}.form-actions{border-top:1px solid #444;margin-top:10px;padding-top:20px}.btn-cancel{background:#555;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.btn-cancel:hover{background:#666;box-shadow:0 4px 12px #5555554d;transform:translateY(-2px)}.btn-submit{background:#07f;border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:160px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.btn-submit:hover{background:#05c;box-shadow:0 8px 25px #07f6;transform:translateY(-2px)}.btn-submit:disabled{background:#555;box-shadow:none;cursor:not-allowed;transform:none}.btn-submit.loading{color:#0000}.btn-submit.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.channel-preview{background:#333;border:2px dashed #555;border-radius:12px;margin:10px 0;padding:20px}.channel-preview h5{color:#ccc;font-size:.9rem;font-weight:600;margin:0 0 15px}.preview-content{align-items:center;background:#444;border:1px solid #555;border-radius:8px;display:flex;gap:15px;padding:15px}.preview-avatar{align-items:center;background:#07f;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.preview-info{flex:1 1}.preview-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:4px}.preview-username{color:#07f;font-size:.9rem;font-weight:600}.preview-category{background:#333;border-radius:6px;font-size:.8rem;font-weight:500;padding:4px 8px}.success-message{background:#333;border:1px solid #07f;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.success-icon{color:#07f;margin-bottom:15px}.success-message h3{color:#fff;font-weight:700;margin:0 0 10px}.success-message p{color:#ccc;font-size:.9rem;margin:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group.error{animation:shake .5s ease-in-out}@media (max-width:768px){.modal-overlay{padding:15px}.channel-modal{border-radius:16px;max-width:100%}.modal-header{padding:20px 25px 15px}.modal-header h2{font-size:1.3rem}.channel-form{gap:15px;padding:25px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{min-width:auto;width:100%}}@media (max-width:480px){.modal-overlay{padding:10px}.channel-modal{border-radius:12px}.modal-header{padding:15px 20px 12px}.channel-form{gap:12px;padding:20px}.requirements-section{padding:15px}.preview-content{flex-direction:column;gap:10px;text-align:center}.btn-cancel,.btn-submit{padding:12px 20px}}@media (prefers-reduced-motion:reduce){.btn-cancel,.btn-submit,.channel-modal,.form-group input,.form-group select,.form-group textarea,.modal-close,.modal-overlay{animation:none;transition:none}.btn-cancel:hover,.btn-submit:hover{transform:none}}.form-group select option{background:#333;color:#fff}.form-group select:invalid{color:#888}.form-group select option:first-child{color:#888}.channel-form::-webkit-scrollbar{width:6px}.channel-form::-webkit-scrollbar-track{background:#333;border-radius:3px}.channel-form::-webkit-scrollbar-thumb{background:#07f;border-radius:3px}.channel-form::-webkit-scrollbar-thumb:hover{background:#05c}.modal-overlay{background:#ffffffb8}.channel-modal{background:#fff;border:1px solid #eee;border-radius:28px;box-shadow:0 6px 0 #00000024,0 18px 35px #00000014;max-width:560px}.modal-header{border-bottom:none;padding:34px 38px 10px}.modal-header h2{font-size:32px;font-weight:900;letter-spacing:-.5px}.modal-close{color:#333}.modal-close:hover{background:#f3f3f3;color:#000;transform:rotate(90deg)}.channel-form{gap:14px;padding:24px 38px 34px}.form-group input,.form-group select,.form-group textarea{border:1.5px solid #b9b9b9;border-radius:24px;box-shadow:0 12px 24px #00000012;font-size:15px;font-weight:600}.form-group input,.form-group select{height:58px;padding:0 20px}.form-group textarea{min-height:120px;padding:18px 20px}.form-group input::placeholder,.form-group textarea::placeholder{color:#333;opacity:1}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#8f8f8f}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#1683ff;box-shadow:0 0 0 3px #1683ff24,0 12px 24px #00000014}.help-text{color:#777}.channel-preview,.requirements-section,.success-message{background:#fff;border:1px solid #eee;border-radius:22px;box-shadow:0 10px 24px #0000000f}.requirements-section h4,.success-message h3{color:#333}.requirement-item,.success-message p{color:#555}.preview-content{background:#f8f8f8;border:1px solid #eee}.preview-name{color:#333}.preview-category{background:#eef6ff;border:1px solid #07f;color:#07f}.form-actions{border-top:none;margin-top:8px;padding-top:14px}.btn-cancel{background:#f1f1f1;border-radius:999px;box-shadow:none;color:#333;height:58px}.btn-cancel:hover{background:#e5e5e5;box-shadow:none;transform:none}.btn-submit{background:#0d82ff;border-radius:999px;box-shadow:none;color:#fff;font-weight:800;height:58px}.btn-submit:hover{background:#006fe6;box-shadow:none;transform:none}.btn-submit:disabled{background:#bdbdbd}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ff4d4f;box-shadow:0 0 0 3px #ff4d4f24}.error-message{color:#d93025}.preview-username,.requirement-icon,.success-icon,.url-preview{color:#07f}.form-group select option{background:#fff;color:#333}.channel-form::-webkit-scrollbar-track{background:#f1f1f1}.channel-form::-webkit-scrollbar-thumb{background:#0d82ff}@media (max-width:560px){.modal-header{padding:28px 24px 8px}.modal-header h2{font-size:26px}.channel-form{padding:20px 24px 28px}.channel-modal{border-radius:24px}}.channels-page{background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);padding:30px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:40px}.header-content p{line-height:1.6}.btn-primary{box-shadow:0 2px 8px #07f3;display:flex;gap:10px}.btn-primary:hover{box-shadow:0 6px 16px #0077ff4d}.stats-grid{grid-gap:24px;gap:24px;margin-bottom:40px}.stat-icon{font-size:1.6rem;height:64px;width:64px}.stat-card:first-child .stat-icon{background:#07f}.stat-card:nth-child(2) .stat-icon{background:#ff6b6b}.stat-card:nth-child(3) .stat-icon{background:#00a86b}.stat-card:nth-child(4) .stat-icon{background:#ff9500}.stat-info h3{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.stat-number{color:#1e293b;display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-subtitle{color:#94a3b8;display:block;font-size:.75rem}.channels-grid{grid-gap:28px;gap:28px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));justify-items:center;margin-bottom:40px}.channels-grid:has(.channel-card:only-child){grid-template-columns:minmax(420px,520px);justify-content:center}.channels-grid.single-card{grid-template-columns:minmax(420px,520px);justify-content:center}.channel-card{border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;flex-direction:column;max-width:100%;overflow:hidden;padding:0;position:relative;width:100%}.channel-card:before{background:#07f;content:"";height:4px;left:0;position:absolute;right:0;top:0}.channel-card:hover{box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.channel-header{background:#f8fafc;border-bottom:1px solid #eef2f6;padding:24px 24px 16px}.channel-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px;width:100%}.channel-name{font-size:1.3rem;font-weight:700;line-height:1.3;margin:0}.channel-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-icon:hover{background:#07f;border-color:#07f;color:#fff;transform:scale(1.05)}.btn-danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.channel-url{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px;width:100%}.channel-link{flex:1 1;font-size:.85rem;font-weight:500;word-break:break-all}.btn-copy{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:30px;color:#64748b;font-size:.75rem;font-weight:500;padding:6px 12px}.btn-copy:hover{background:#07f;border-color:#07f;color:#fff}.channel-status{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.status-badge{border:1px solid;padding:5px 12px}.status-pending{border-color:#ffb74d}.verification-pending{background:#e3f2fd;border-color:#90caf9;color:#07f}.status-active,.verification-verified{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.status-inactive{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.status-rejected{border-color:#fecaca}.verification-rejected{background:#fef2f2;border-color:#fecaca;color:#dc2626}.channel-stats{border-bottom:1px solid #eef2f6;padding:24px}.stats-grid-main{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-item{background:#f8fafc;border-radius:16px;padding:16px;text-align:center;transition:all .3s ease}.stat-item:hover{background:#fff;border-color:#07f}.stat-value{font-size:1.6rem;margin-bottom:6px}.stat-label{font-weight:600}.channel-meta{border-bottom:1px solid #eef2f6;padding:20px 24px}.meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#1e293b;font-size:.9rem;font-weight:600}.engagement-rate{color:#00a86b}.last-post{color:#94a3b8;font-style:italic}.channel-description{background:#f8fafc;border-bottom:1px solid #eef2f6;border-left:4px solid #07f;color:#475569;font-size:.85rem;line-height:1.5;margin:0;padding:16px 24px}.channel-footer{background:#fff;display:flex;gap:12px;padding:20px 24px}.btn-outline{border-radius:40px}.btn-outline,.btn-secondary{display:flex;flex:1 1;font-size:.85rem;justify-content:center;padding:12px 20px;text-align:center}.btn-secondary{align-items:center;background:#00a86b;border:none;color:#fff;gap:8px;text-decoration:none}.btn-secondary:hover{background:#008f5a;box-shadow:0 4px 12px #00a86b4d}.empty-state{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;padding:80px 40px}.empty-state h3{font-weight:600;margin-bottom:12px}.empty-state p{font-size:.9rem;line-height:1.6;margin-bottom:30px}.channel-card,.empty-state,.stat-card{animation:fadeInUp .4s ease forwards}.channels-page::-webkit-scrollbar{width:8px}.channels-page::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.channels-page::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.channels-page::-webkit-scrollbar-thumb:hover{background:#64748b}.btn-copy:focus,.btn-icon:focus,.btn-outline:focus,.btn-primary:focus,.btn-secondary:focus{outline:2px solid #07f;outline-offset:2px}@media (max-width:1200px){.channels-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.channels-grid:has(.channel-card:only-child){grid-template-columns:minmax(380px,480px)}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.channels-page{padding:20px 16px}.header-content h1{font-size:1.8rem}.channels-grid{gap:20px;grid-template-columns:1fr}.channels-grid:has(.channel-card:only-child){grid-template-columns:minmax(320px,1fr)}.stats-grid-main{gap:12px;grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.3rem}.meta-grid{gap:12px;grid-template-columns:1fr}.channel-footer{flex-direction:column}.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:1.4rem;height:56px;width:56px}.stat-number{font-size:1.6rem}.channel-title{align-items:flex-start;flex-direction:column}.channel-actions{align-self:flex-end}}@media (max-width:480px){.channels-page{padding:16px 12px}.header-content h1{font-size:1.5rem}.channel-footer,.channel-header,.channel-meta,.channel-stats{padding:18px}.stats-grid-main{gap:8px;grid-template-columns:repeat(3,1fr)}.stat-item{padding:12px 8px}.stat-value{font-size:1.1rem}.stat-label{font-size:.6rem}.empty-state{padding:50px 20px}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.1rem}.channels-grid:has(.channel-card:only-child){grid-template-columns:minmax(280px,1fr)}.channel-url{align-items:flex-start;flex-direction:column}.btn-copy{align-self:flex-start}.channel-status{margin-top:8px}}.channel-card .btn-copy:active,.channel-card .btn-icon:active{transform:scale(.95)}.empty-state,.stat-card{animation:fadeInUp .4s ease forwards}.instructions-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.instructions-buttons .btn-outline{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.instructions-buttons .btn-outline:hover{background:#e9ecef;border-color:#07f;transform:translateY(-1px)}.instructions-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.instructions-modal{animation:slideUp .4s ease;background:#fff;border-radius:24px;max-height:85vh;max-width:700px;overflow-y:auto;position:relative;width:90%}.instructions-header{align-items:center;background:linear-gradient(135deg,#07f,#05c);border-bottom:1px solid #e9ecef;border-radius:24px 24px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.instructions-header h2{font-size:22px;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.instructions-content{padding:24px}.instruction-step{border-bottom:1px solid #e9ecef;display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.instruction-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-number{align-items:center;background:linear-gradient(135deg,#07f,#05c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.step-content{flex:1 1}.step-content h3{color:#212529;font-size:18px;margin:0 0 8px}.step-content p{color:#6c757d;line-height:1.5;margin:0}.step-tip{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin-top:12px;padding:12px 16px}.step-tip.success{background:#d4edda;border-left-color:#28a745;color:#155724}.step-code{background:#f8f9fa;font-family:monospace;font-size:14px;padding:10px 14px}.step-code,.step-image{border:1px solid #e9ecef;border-radius:8px;margin-top:12px}.step-image{max-width:100%}.bot-features{background:#f8f9fa;border-radius:16px;margin-bottom:24px;padding:20px}.bot-features h3{color:#212529;font-size:18px;margin:0 0 16px}.features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.feature{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;color:#495057;display:flex;font-size:14px;gap:10px;padding:10px}.feature-icon{font-size:20px}.permissions-list{margin:10px 0 0 20px;padding:0}.permissions-list li{color:#495057;margin-bottom:6px}.permissions-list li code{background:#f8f9fa;border-radius:4px;font-family:monospace;padding:2px 6px}.instructions-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.bot-header{background:linear-gradient(135deg,#28a745,#1e7e34)}@media (max-width:768px){.instructions-buttons{flex-direction:column}.instructions-buttons .btn-outline{width:100%}.instruction-step{align-items:flex-start;flex-direction:column}.features-grid{grid-template-columns:1fr}.instructions-modal{max-height:90vh;width:95%}.instructions-header h2{font-size:18px}.step-content h3{font-size:16px}.instructions-footer{flex-direction:column}.instructions-footer .btn-primary,.instructions-footer .btn-secondary{width:100%}}.analytics-page{background:linear-gradient(0deg,#242424,#242424),linear-gradient(180deg,#0000 43.47%,#000c 74.52%);padding:20px}.analytics-header{border-bottom:1px solid #444;margin-bottom:30px;padding-bottom:20px}.header-content{flex:1 1}.back-button{align-items:center;color:#07f;display:inline-flex;font-weight:500;gap:8px;margin-bottom:16px;text-decoration:none;transition:color .3s ease}.back-button:hover{color:#05c;text-decoration:underline}.channel-info h1{color:#fff;font-size:1.8rem;margin:0 0 12px}.channel-details h2{color:#fff;font-size:1.4rem;margin:0 0 8px}.channel-link{color:#07f;font-size:1rem;margin-right:16px;text-decoration:none;transition:color .3s ease}.channel-link:hover{color:#05c;text-decoration:underline}.channel-category{background:#444;border:1px solid #555;border-radius:4px;color:#ccc;font-size:.9rem;padding:4px 8px}.time-range-selector{margin-top:20px}.time-select{background:#333;border:1px solid #555;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.time-select:focus{border-color:#07f;box-shadow:0 0 0 3px #07f3;outline:none}.metrics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.metric-card{background:#333;border:1px solid #444;border-radius:12px;box-shadow:0 2px 8px #0000004d;overflow:hidden;padding:24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 4px 15px #07f3;transform:translateY(-2px)}.metric-card:before{background:#07f;content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.metric-header h3{color:#ccc;font-size:1rem;font-weight:500;margin:0}.metric-trend{border:1px solid;border-radius:4px;font-size:.8rem;font-weight:600;padding:2px 6px}.metric-trend.positive{background:#07f3;border-color:#07f;color:#07f}.metric-trend.negative{background:#f443;border-color:#f44;color:#f44}.metric-subtitle{color:#888;font-size:.8rem}.metric-value{color:#fff;font-size:2rem;margin-bottom:16px}.metric-chart{align-items:end;display:flex;gap:2px;height:40px}.metric-bar{background:linear-gradient(180deg,#07f,#05c);border-radius:2px 2px 0 0;flex:1 1;min-height:2px;transition:all .3s ease}.metric-bar:hover{opacity:.8;transform:scaleY(1.1)}.metric-icon{color:#07f;font-size:2rem;opacity:.7;text-align:center}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.chart-card{background:#333;border:1px solid #444;border-radius:12px;box-shadow:0 2px 8px #0000004d;padding:20px;transition:transform .3s ease}.chart-card:hover{box-shadow:0 4px 15px #07f3;transform:translateY(-2px)}.chart-card h3{color:#fff;font-size:1.1rem;margin:0 0 16px}.chart-container{align-items:end;gap:2px;height:120px;padding:10px 0}.mini-chart{align-items:end;gap:2px;height:100%;width:100%}.chart-bar{background:linear-gradient(180deg,#07f,#05c);border-radius:2px 2px 0 0}.chart-bar:hover{opacity:.8;transform:scaleY(1.1)}.top-posts-section{background:#333;border:1px solid #444;border-radius:12px;box-shadow:0 2px 8px #0000004d;margin-bottom:30px;padding:24px}.top-posts-section h3{color:#fff;margin:0 0 20px}.posts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.post-card{background:#444;border:1px solid #444;border-radius:8px;padding:16px;transition:all .3s ease}.post-card:hover{border-color:#07f;box-shadow:0 4px 12px #07f3;transform:translateY(-2px)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.post-header h4{color:#fff;flex:1 1;font-size:1rem;margin:0}.post-date{color:#888;font-size:.8rem;margin-left:12px;white-space:nowrap}.post-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.post-stat{background:#333;border:1px solid #555;border-radius:6px;padding:8px;text-align:center;transition:all .3s ease}.post-stat:hover{background:#555;border-color:#07f}.stat-value{font-size:.9rem;font-weight:600}.stat-label{color:#888;font-size:.7rem}.analytics-actions{background:#333;border:1px solid #444;border-radius:12px;box-shadow:0 2px 8px #0000004d;padding:24px}.analytics-actions h3{color:#fff;margin:0 0 20px}.action-btn{background:#444;border:1px solid #555;color:#ccc;gap:12px;text-align:left;width:100%}.action-btn:hover{background:#555;box-shadow:0 4px 12px #07f3;color:#fff}.action-icon{font-size:1.2rem}.alert{border-radius:8px;padding:12px 16px}.alert-warning{background:#ffc1071a;border-color:#ffc107;color:#ffc107}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #444}.error-container h2{color:#f44;margin-bottom:12px}.error-container p{color:#ccc;margin-bottom:20px}.btn-primary:hover{box-shadow:0 4px 12px #07f6}.btn-outline{border:1px solid #07f;border-radius:8px}.empty-state{background:#333;border:1px solid #444;border-radius:12px;box-shadow:0 2px 8px #0000004d;margin:20px 0}.empty-icon{color:#07f;opacity:.6}.empty-state h3{color:#ccc;font-size:1.3rem}.empty-state p{color:#888;margin-bottom:20px}@media (max-width:768px){.analytics-page{padding:15px}.analytics-header{flex-direction:column;gap:20px}.actions-grid,.charts-section,.metrics-grid,.posts-grid{grid-template-columns:1fr}.post-header{flex-direction:column;gap:8px}.post-date{margin-left:0}}@media (max-width:480px){.channel-info h1{font-size:1.5rem}.channel-details h2{font-size:1.2rem}.metric-value{font-size:1.5rem}.post-stats{grid-template-columns:1fr}}.analytics-page::-webkit-scrollbar{width:8px}.analytics-page::-webkit-scrollbar-track{background:#333;border-radius:4px}.analytics-page::-webkit-scrollbar-thumb{background:#07f;border-radius:4px}.analytics-page::-webkit-scrollbar-thumb:hover{background:#05c}.create-post-page{background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.create-post-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:3fr 2fr}.form-column,.preview-column{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:28px;transition:all .3s ease}.form-section:focus-within{border-color:#07f;box-shadow:0 4px 20px #0077ff14}.form-section h3{margin:0 0 20px}.channels-list{display:flex;flex-direction:column;gap:12px}.channel-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.channel-option:hover{background:#f8fafc;border-color:#07f;box-shadow:0 4px 12px #0077ff1a;transform:translateY(-2px)}.channel-option.selected{background:#e3f2fd;border-color:#07f}.channel-option-header{align-items:center;display:flex;gap:14px}.channel-icon{border-radius:12px;font-size:1.3rem;height:44px;width:44px}.channel-name{font-size:.95rem}.post-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;font-family:inherit;font-size:.9rem;min-height:140px;padding:14px 16px;resize:vertical;transition:all .3s ease;width:100%}.post-textarea:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.post-textarea::placeholder{color:#94a3b8}.url-input{background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:.9rem;padding:12px 16px;transition:all .3s ease;width:100%}.url-input:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.character-count{font-size:.7rem;text-align:right}.character-count,.help-text{color:#64748b;margin-top:6px}.help-text{display:block;font-size:.75rem}.button-item{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;display:flex;justify-content:space-between;margin-bottom:10px;padding:14px 16px;transition:all .3s ease}.button-item:hover{background:#fff;border-color:#07f}.button-preview{display:flex;flex:1 1;flex-direction:column;gap:4px}.button-text{color:#1e293b;font-size:.9rem;font-weight:600}.button-url{color:#64748b;font-size:.75rem;word-break:break-all}.btn-remove{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:8px;transition:all .3s ease}.btn-remove:hover{background:#fef2f2;color:#dc2626;transform:scale(1.05)}.add-button-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.button-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 2fr}.button-text-input,.button-url-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.85rem;padding:12px 14px;transition:all .3s ease}.button-text-input:focus,.button-url-input:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.button-text-input::placeholder,.button-url-input::placeholder{color:#94a3b8}.btn-add{align-self:flex-start;background:#07f;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-add:hover:not(:disabled){background:#06d;box-shadow:0 4px 12px #0077ff4d;transform:translateY(-2px)}.btn-add:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.preview-card{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:28px;position:-webkit-sticky;position:sticky;top:20px}.preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.preview-header h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0}.preview-tabs{display:flex;gap:8px}.preview-tabs .tab{background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 18px;transition:all .3s ease}.preview-tabs .tab.active{background:#07f;border-color:#07f;color:#fff}.preview-tabs .tab:hover:not(.active){border-color:#07f;color:#07f}.preview-content{margin-bottom:20px;min-height:320px}.compose-help{color:#475569}.compose-help h4{color:#1e293b;font-size:1rem;margin:0 0 16px}.compose-help ul{margin:0 0 24px;padding-left:20px}.compose-help li{font-size:.85rem;margin-bottom:8px}.formatting-help{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:16px 20px}.formatting-help h5{color:#1e293b;font-size:.85rem;margin:0 0 12px}.formatting-help code{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#07f;display:block;font-family:monospace;font-size:.75rem;margin-bottom:6px;padding:8px 12px}.telegram-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;min-height:220px;padding:20px}.preview-render{color:#1e293b;line-height:1.6}.preview-render .preview-image{margin-bottom:14px}.preview-render .preview-image img{border-radius:12px;max-width:100%}.preview-render .preview-text{font-size:.9rem;margin-bottom:14px;white-space:pre-wrap}.preview-render .preview-buttons{display:flex;flex-direction:column;gap:10px}.preview-render .preview-button{background:#07f;border-radius:40px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:10px 18px;text-align:center;text-decoration:none;transition:all .3s ease}.preview-render .preview-button:hover{background:#06d;transform:translateY(-1px)}.preview-placeholder{align-items:center;color:#94a3b8;display:flex;font-style:italic;height:200px;justify-content:center}.preview-stats{margin-bottom:20px}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr)}.stats-grid .stat{background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;padding:14px;text-align:center;transition:all .3s ease}.stats-grid .stat:hover{background:#fff;border-color:#07f}.stat-value{margin-bottom:4px}.stat-label{display:block;font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.preview-actions{display:flex;gap:12px;margin-bottom:20px}.preview-actions .btn-large{flex:1 1;font-size:.9rem;font-weight:600;padding:14px}.publishing-info{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:18px 20px}.publishing-info h4{color:#1e293b;font-size:.9rem;margin:0 0 12px}.publishing-info ol{color:#475569;font-size:.8rem;margin:0;padding-left:20px}.publishing-info li{margin-bottom:6px}.alert{border-radius:16px;margin-bottom:24px}.btn-outline,.btn-primary{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .3s ease}.create-post-page::-webkit-scrollbar{width:8px}.create-post-page::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.create-post-page::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.create-post-page::-webkit-scrollbar-thumb:hover{background:#64748b}.form-section,.preview-card{animation:fadeInUp .4s ease forwards}.btn-add:focus,.btn-outline:focus,.btn-primary:focus,.btn-remove:focus,.channel-option:focus,.tab:focus{outline:2px solid #07f;outline-offset:2px}.loading-state{opacity:.7;pointer-events:none;position:relative}@media (min-width:1024px){.create-post-layout{grid-template-columns:3fr 2fr}}@media (max-width:1024px){.create-post-layout{grid-template-columns:1fr}.preview-card{position:static}.button-inputs{grid-template-columns:1fr}}@media (max-width:768px){.create-post-page{padding:20px 16px}.page-header{align-items:flex-start;flex-direction:column;padding:20px}.header-content h1{font-size:1.6rem}.form-section,.preview-card{padding:20px}.form-section h3{font-size:1rem}.channel-option{gap:12px}.channel-option,.channel-option-header{flex-direction:column;text-align:center}.preview-header{align-items:flex-start;flex-direction:column}.preview-tabs{width:100%}.preview-tabs .tab{flex:1 1;text-align:center}.preview-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.button-inputs{grid-template-columns:1fr}.btn-add{text-align:center;width:100%}}@media (max-width:480px){.create-post-page{padding:16px 12px}.page-header{padding:16px}.header-content h1{font-size:1.4rem}.form-section,.preview-card{border-radius:20px;padding:16px}.channel-option{padding:14px}.stats-grid{grid-template-columns:1fr}.preview-tabs{gap:6px}.preview-tabs .tab{font-size:.7rem;padding:6px 12px}.telegram-preview{padding:14px}.publishing-info ol{padding-left:16px}.publishing-info li{font-size:.75rem}}.select-post-page{background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.page-header{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;margin-bottom:30px;padding:28px 32px}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.channel-selector-section{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;margin-bottom:24px;padding:28px}.channel-selector-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px}.channels-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.channel-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.channel-card:hover{background:#f8fafc;border-color:#07f;box-shadow:0 4px 12px #0077ff1a;transform:translateY(-2px)}.channel-card.selected{background:#e3f2fd;border-color:#07f}.channel-card-header{align-items:center;display:flex;gap:14px}.channel-icon{align-items:center;background:#f1f5f9;border-radius:14px;color:#07f;display:flex;font-size:1.5rem;height:52px;justify-content:center;width:52px}.channel-info{display:flex;flex-direction:column}.channel-name{color:#1e293b;font-size:1rem;font-weight:600}.channel-stats,.channel-url{color:#64748b;font-size:.75rem}.tabs-container{margin-bottom:28px}.tabs{gap:6px}.tab{font-size:.9rem}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.template-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 4px 20px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.template-card:hover{border-color:#07f;box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.template-card.loading{opacity:.6;pointer-events:none}.template-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:20px 20px 0}.template-title{gap:12px}.template-icon,.template-title{align-items:center;display:flex}.template-icon{background:#f1f5f9;border-radius:12px;color:#07f;font-size:1.3rem;height:44px;justify-content:center;width:44px}.template-title h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.template-stats{display:flex;flex-direction:column;gap:4px;text-align:right}.usage{color:#64748b;font-size:.7rem}.engagement{color:#00a86b;font-size:.7rem;font-weight:600}.template-image{align-items:center;background:#f8fafc;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.template-image img{height:100%;object-fit:cover;width:100%}.template-content{padding:20px}.template-content p{color:#475569;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-line}.template-buttons{display:flex;flex-direction:column;gap:10px;padding:0 20px 20px}.template-button{background:#07f;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:.85rem;font-weight:600;padding:12px 16px;text-align:center;text-decoration:none;transition:all .3s ease}.template-button:hover{background:#06d;box-shadow:0 4px 12px #0077ff4d;transform:translateY(-2px)}.template-button.secondary{background:#f1f5f9;color:#1e293b}.template-button.secondary:hover{background:#e2e8f0;box-shadow:none}.template-actions{display:flex;gap:12px;padding:0 20px 20px}.template-actions button{flex:1 1}.history-list{display:flex;flex-direction:column;gap:16px}.history-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:24px;transition:all .3s ease}.history-card:hover{border-color:#07f;box-shadow:0 8px 24px #0000000f}.history-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:16px}.post-info h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 8px}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.channel-name-badge{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:.75rem;padding:4px 10px}.publish-date{color:#94a3b8;font-size:.75rem}.post-stats{display:flex;gap:20px}.post-stats .stat{text-align:center}.post-stats .stat-value{color:#1e293b;display:block;font-size:1rem;font-weight:700}.post-stats .stat-label{color:#64748b;display:block;font-size:.65rem}.post-content-preview{background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;color:#475569;font-size:.85rem;line-height:1.5;margin-bottom:20px;padding:16px}.history-actions{display:flex;flex-wrap:wrap;gap:12px}.empty-history{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:60px 20px;text-align:center}.empty-icon{color:#cbd5e1}.empty-history h3{color:#1e293b;font-size:1.2rem;margin:0 0 12px}.empty-history p{color:#64748b;margin-bottom:24px}.quick-actions-section{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;margin-top:28px;padding:28px}.quick-actions-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.quick-action-btn{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;color:#1e293b;cursor:pointer;display:flex;gap:14px;padding:20px;text-align:left;text-decoration:none;transition:all .3s ease}.quick-action-btn:hover{background:#fff;border-color:#07f;box-shadow:0 4px 12px #0077ff1a;transform:translateY(-2px)}.action-icon{color:#07f;font-size:1.5rem}.action-text{font-size:.9rem;font-weight:500}.selection-indicator{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:12px;display:flex;gap:8px;margin-bottom:20px;padding:10px 16px}.selection-indicator .channel-name{background:#0000;border:none;color:#07f;font-weight:600;padding:0}.no-channels-warning{background:#fff3e0;border:1px solid #ffb74d;border-radius:20px;padding:50px 20px;text-align:center}.warning-icon{color:#ed6c02;font-size:3rem;margin-bottom:16px}.no-channels-warning h4{color:#ed6c02;font-size:1.1rem;margin:0 0 8px}.no-channels-warning p{color:#ed6c02;margin:0 0 20px}.loading-container{text-align:center}.btn-outline,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-large{font-size:.95rem}.select-post-page::-webkit-scrollbar{width:8px}.select-post-page::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.select-post-page::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.select-post-page::-webkit-scrollbar-thumb:hover{background:#64748b}.channel-card,.history-card,.quick-action-btn,.template-card{animation:fadeInUp .4s ease forwards}.channel-card:first-child{animation-delay:.05s}.channel-card:nth-child(2){animation-delay:.1s}.channel-card:nth-child(3){animation-delay:.15s}.channel-card:nth-child(4){animation-delay:.2s}.alert-close:focus,.btn-outline:focus,.btn-primary:focus,.btn-secondary:focus,.channel-card:focus,.quick-action-btn:focus,.tab:focus,.template-button:focus{outline:2px solid #07f;outline-offset:2px}@media (max-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.select-post-page{padding:20px 16px}.page-header{align-items:flex-start;flex-direction:column;padding:20px}.header-content h1{font-size:1.6rem}.channels-grid,.templates-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.tab{justify-content:center}.history-header{flex-direction:column;gap:12px}.template-header{align-items:flex-start;flex-direction:column}.template-stats{text-align:left}.template-actions{flex-direction:column}.quick-actions-grid{grid-template-columns:1fr}.post-stats{justify-content:space-between;width:100%}.history-actions{flex-direction:column}.history-actions button{width:100%}.channel-selector-section,.quick-actions-section{padding:20px}}@media (max-width:480px){.select-post-page{padding:16px 12px}.page-header{padding:16px}.header-content h1{font-size:1.4rem}.channel-card{gap:12px}.channel-card,.channel-card-header{flex-direction:column;text-align:center}.template-card{border-radius:16px}.template-actions,.template-buttons,.template-content,.template-header{padding:16px}.template-actions,.template-buttons{padding-bottom:16px}.history-card{padding:18px}.post-content-preview{font-size:.8rem}.template-image{height:160px}.selection-indicator{flex-wrap:wrap}}.analytics-page{background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.loading-container{min-height:50vh}.loading-container p{font-size:1.1rem}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.95rem;margin-top:15px;padding:10px 20px}.filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#1e293b;font-size:.9rem;font-weight:600}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:.9rem;min-width:150px;padding:10px 15px;transition:all .3s ease}.filter-select:hover{border-color:#cbd5e1}.filter-select:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.filter-select option{background:#fff;color:#1e293b}.analytics-tabs{border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;padding-bottom:0}.tab-btn{background:#0000;border:none;border-radius:12px 12px 0 0;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 28px;position:relative;transition:all .3s ease}.tab-btn:hover{background:#0077ff0d;color:#07f}.tab-btn.active{background:#0077ff14;color:#07f}.tab-btn.active:after{background:#07f;border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.overview-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card:hover{border-color:#dce3ec}.stat-card.small{align-items:flex-start;flex-direction:column;gap:10px;padding:18px}.stat-card.small .stat-label{color:#64748b;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.stat-card.small .stat-value{font-size:1.5rem}.stat-icon{border-radius:18px;color:#fff;font-size:1.8rem}.stat-icon.earnings{background:#07f}.stat-icon.balance{background:#00a86b}.stat-icon.deals{background:#ff9500}.stat-icon.referrals{background:#8e2de2}.stat-content h3{color:#64748b;font-size:.85rem;letter-spacing:.5px;margin:0 0 8px}.stat-main{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.stat-value{line-height:1.2}.stat-change{border-radius:30px;font-size:.75rem;font-weight:600;padding:4px 10px}.stat-change.positive{background:#e8f5e9;color:#2e7d32}.stat-change.negative{background:#fef2f2;color:#dc2626}.stat-content p{color:#94a3b8;font-size:.75rem;margin:0}.text-sm{font-size:.85rem}.text-gray-400{color:#94a3b8}.tab-content{margin-top:30px}.categories-section,.channels-performance,.chart-section,.deals-tab,.distribution-section,.metrics-section,.projects-tab,.recent-projects,.recent-section,.referrals-tab{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;margin-bottom:30px;padding:28px}.section-header{gap:15px}.section-header h2,.section-header h3{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0}.legend-item{color:#64748b}.legend-color{border-radius:4px}.chart-container{display:flex;gap:20px;height:320px;position:relative}.chart-y-axis{color:#94a3b8;display:flex;flex-direction:column;font-size:.75rem;justify-content:space-between;min-width:60px;padding-bottom:30px;text-align:right}.chart-main{flex:1 1;overflow-x:auto;position:relative}.chart-bars{gap:12px;min-width:100%}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:40px}.chart-bar{min-height:2px;width:100%}.chart-bar.earnings{background:linear-gradient(0deg,#07f,#4da3ff)}.bar-value{background:#07f;border-radius:8px;font-size:.7rem;top:-28px}.chart-bar-container:hover .bar-value{opacity:1}.bar-label{color:#64748b;font-size:.7rem;margin-top:10px;white-space:nowrap}.distribution-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.distribution-item{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:20px;transition:all .3s ease}.distribution-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.role-name{color:#64748b;font-size:.85rem;font-weight:500;margin-bottom:6px}.role-amount{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:12px}.progress-bar{background:#e2e8f0;height:8px;width:100%}.progress-bar,.progress-fill{border-radius:10px}.progress-fill.organizer{background:linear-gradient(90deg,#07f,#4da3ff)}.progress-fill.syndicator1{background:linear-gradient(90deg,#ff9500,#ffb44d)}.progress-fill.syndicator2{background:linear-gradient(90deg,#8e2de2,#b06ef0)}.progress-fill.platform{background:linear-gradient(90deg,#00a86b,#4dca8e)}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.metric-chart{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.metric-chart:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.metric-chart h4{color:#1e293b;font-size:.9rem;font-weight:600;margin:0 0 16px}.mini-chart{align-items:flex-end;display:flex;gap:6px;height:80px;justify-content:space-between;margin-bottom:12px;padding:0 8px}.mini-bar{border-radius:4px 4px 0 0;flex:1 1;min-height:2px;transition:all .3s ease}.mini-bar.views{background:linear-gradient(0deg,#00a86b,#4dca8e)}.mini-bar.engagement{background:linear-gradient(0deg,#ff9500,#ffb44d)}.mini-bar.clicks{background:linear-gradient(0deg,#8e2de2,#b06ef0)}.mini-bar:hover{opacity:.8;transform:scaleY(1.05)}.metric-value{color:#1e293b;font-size:1.3rem;font-weight:700}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.recent-item:hover{background:#fff;border-color:#dce3ec;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.item-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 4px}.item-date{color:#94a3b8;font-size:.75rem;margin:0}.item-stats{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.item-amount{color:#07f;font-size:1.1rem;font-weight:700}.item-status{border-radius:30px;font-size:.75rem;font-weight:600;padding:4px 12px}.item-status.completed{background:#e8f5e9;color:#2e7d32}.item-status.active{background:#e3f2fd;color:#07f}.channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.channel-item{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:20px;transition:all .3s ease}.channel-item:hover{background:#fff;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.channel-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.channel-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.growth{border-radius:30px;font-size:.75rem;font-weight:600;padding:4px 10px}.growth.positive{background:#e8f5e9;color:#2e7d32}.growth.negative{background:#fef2f2;color:#dc2626}.channel-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.channel-stat{text-align:center}.channel-stat .stat-value{color:#1e293b;display:block;font-size:1rem;font-weight:700;margin-bottom:4px}.channel-stat .stat-label{color:#94a3b8;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.btn-link,.view-all-link{transition:color .2s ease}.btn-link{color:#07f;display:inline-block;font-weight:600;margin-top:10px;text-decoration:none}.btn-link:hover{color:#05c;text-decoration:underline}.stats-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.deals-table-container,.referrals-list{background:#f8fafc;border-radius:16px;margin-top:20px;padding:20px}.categories-section h3,.deals-table-container h3,.recent-projects h3,.referrals-list h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 20px}.deals-table,.referrals-table{border-collapse:collapse;width:100%}.deals-table th,.referrals-table th{background:#fff;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.deals-table td,.referrals-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:14px 12px}.deals-table tbody tr:hover,.referrals-table tbody tr:hover{background:#f1f5f9}.deals-table td.commission{color:#07f;font-weight:600}.referrals-table td.earnings{color:#00a86b;font-weight:600}.status-badge{padding:4px 12px}.status-badge.active,.status-badge.completed{background:#e3f2fd;color:#07f}.status-badge.cancelled{background:#fef2f2;color:#dc2626}.empty-table-message{background:#f8fafc!important;border-radius:12px;color:#94a3b8;font-style:italic;padding:60px!important;text-align:center}.categories-list{display:flex;flex-direction:column;gap:16px}.category-item{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.category-name{color:#1e293b;min-width:120px}.category-count{color:#07f;font-weight:600;min-width:50px}.category-item .progress-bar{flex:1 1}.projects-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:#f8fafc;border-radius:16px;padding:20px}.project-card:hover{background:#fff;box-shadow:0 4px 16px #0000000d;transform:translateY(-2px)}.project-card h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 10px}.project-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px;justify-content:space-between;margin-bottom:15px}.project-meta span{display:flex;flex-direction:column;gap:4px}.project-status{display:flex;justify-content:flex-end}.referral-card,.referral-header{margin-bottom:30px}.referral-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:28px}.referral-card .referral-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.referral-card .referral-header h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.commission-badge{background:#e3f2fd;border-radius:30px;color:#07f;font-size:.85rem;font-weight:600;padding:6px 14px}.referral-link-container{flex-wrap:wrap;gap:12px;margin-bottom:20px}.referral-link-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;flex:1 1;font-family:monospace;font-size:.9rem;padding:14px 18px;transition:all .3s ease}.referral-link-input:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.referral-info{background:#f8fafc;border-left:4px solid #07f;border-radius:12px;padding:12px 16px}.referral-info p{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.referral-info p i{color:#07f;margin-right:8px}.referral-stats-detailed{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:30px;padding:24px}.referral-stats-detailed .stat-item{align-items:center;display:flex;flex-direction:column;gap:8px}.referral-stats-detailed .stat-label{color:#64748b;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.referral-stats-detailed .stat-value{color:#1e293b;font-size:1.6rem;font-weight:700}.btn-outline{display:inline-block;padding:12px 24px}.empty-message{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;color:#64748b;padding:50px;text-align:center}.empty-message p{font-size:1rem;margin:0 0 15px}.empty-message .btn-link{font-size:.9rem}.analytics-page ::-webkit-scrollbar{height:8px;width:8px}.analytics-page ::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.analytics-page ::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.analytics-page ::-webkit-scrollbar-thumb:hover{background:#64748b}.tab-content>*{animation:fadeIn .3s ease-out}@media (max-width:1200px){.distribution-grid,.overview-stats,.stats-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid,.projects-list{grid-template-columns:1fr}}@media (max-width:768px){.analytics-page{padding:20px 16px}.analytics-header,.filters{flex-direction:column}.filter-group,.filters{width:100%}.filter-select{min-width:100%}.distribution-grid,.overview-stats,.stats-grid{grid-template-columns:1fr}.analytics-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;font-size:.85rem;padding:10px 16px;text-align:center}.chart-container{flex-direction:column;height:auto}.chart-y-axis{flex-direction:row;justify-content:space-around;margin-bottom:20px;padding-bottom:0}.chart-bars{overflow-x:auto;padding-bottom:20px}.referral-link-container{flex-direction:column}.referral-stats-detailed{align-items:stretch;flex-direction:column;gap:20px}.deals-table{display:block;font-size:.8rem;overflow-x:auto}.deals-table td,.deals-table th{padding:10px 8px}.channels-grid{grid-template-columns:1fr}.channel-stats{grid-template-columns:repeat(3,1fr)}.bar-label{font-size:.6rem}}@media (max-width:480px){.recent-item{flex-direction:column;text-align:center}.item-stats{flex-direction:column;gap:10px}.stat-card{padding:18px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-value{font-size:1.5rem}.section-header{align-items:flex-start;flex-direction:column}}.projects-page{background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.header-content h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 8px;text-align:left}.header-content p{color:#64748b;font-size:1.1rem;margin:0}.tabs-container{margin-bottom:32px}.tabs{background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 2px 8px #0000000a;gap:4px;padding:6px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;color:#64748b;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center}.tab.active{box-shadow:0 2px 8px #07f3}.tab:not(.active):hover{background:#f1f5f9;color:#07f}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.project-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.project-card:hover{border-color:#07f;box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.project-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.project-category{align-items:center;display:flex;gap:8px}.category-icon{color:#07f;font-size:1.2rem}.category-name{color:#64748b;font-size:.85rem;font-weight:500;text-transform:capitalize}.project-budget{color:#00a86b}.project-budget,.project-name{font-size:1.2rem;font-weight:700}.project-name{color:#1e293b;line-height:1.3;margin:0 0 12px}.project-description{color:#475569;flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:16px}.project-details{grid-gap:10px;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:16px}.detail-item,.project-actions{align-items:center;display:flex;justify-content:space-between}.project-actions{flex-direction:column-reverse;gap:12px}.applied-badge{background:#e8f5e9;color:#2e7d32}.applied-badge,.not-suitable-badge{border-radius:30px;font-size:.75rem;font-weight:600;padding:6px 12px}.not-suitable-badge{background:#fef2f2;color:#dc2626}.applications-list{display:flex;flex-direction:column;gap:16px}.application-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:24px;transition:all .3s ease}.application-card:hover{border-color:#07f;box-shadow:0 8px 24px #0000000f}.application-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:16px}.application-info h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 8px}.application-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-category-badge{color:#64748b;display:flex;font-size:.75rem;gap:4px}.application-date{color:#94a3b8;font-size:.75rem}.application-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.detail{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;display:flex;justify-content:space-between;padding:10px 14px}.detail-label{color:#64748b;font-size:.75rem}.detail-value{color:#1e293b;font-size:.85rem;font-weight:600}.earnings{color:#00a86b}.application-actions{display:flex;flex-wrap:wrap;gap:12px}.status-badge{align-items:center;display:inline-flex;gap:6px}.status-pending{background:#fff3e0;color:#ed6c02}.status-approved{background:#e8f5e9;color:#2e7d32}.status-rejected{background:#fef2f2;color:#dc2626}.status-completed{background:#e3f2fd;color:#07f}.my-projects-section{padding:0}.my-projects-list{display:flex;flex-direction:column;gap:20px}.my-project-card{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:28px;transition:all .3s ease}.my-project-card:hover{border-color:#07f;box-shadow:0 12px 30px #00000014;transform:translateY(-2px)}.my-project-header{align-items:flex-start;border-bottom:1px solid #eef2f6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.my-project-info h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 8px}.my-project-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px}.project-category-badge,.project-date-badge{align-items:center;background:#f1f5f9;border-radius:20px;display:inline-flex;gap:6px;padding:4px 10px}.my-project-status{flex-shrink:0}.my-project-stats{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;margin-bottom:24px;padding:20px}.stats-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-around}.stat-item{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:12px;display:flex;justify-content:space-between;min-width:150px;padding:8px 16px}.stat-label{color:#64748b;font-size:.8rem}.stat-value{color:#1e293b;font-size:1.1rem}.stat-value.earnings{color:#00a86b}.referral-section{margin-bottom:24px}.referral-link-container{background:linear-gradient(135deg,#e3f2fd,#bbdef5);border:1px solid #90caf9;border-radius:16px;display:flex;flex-direction:column;padding:20px}.referral-label{color:#1e293b;display:block;font-size:.85rem;font-weight:600;margin-bottom:12px}.referral-link-input{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.referral-link-input input{background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;flex:1 1;font-family:monospace;font-size:.85rem;padding:12px 16px;transition:all .3s ease}.referral-link-input input:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.btn-copy{align-items:center;background:#07f;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.btn-copy:hover{background:#06d;box-shadow:0 4px 12px #0077ff4d;transform:translateY(-2px)}.btn-copy.copied{background:#00a86b}.referral-hint{color:#64748b;font-size:.75rem;margin:8px 0 0}.my-project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.my-project-actions .btn-outline,.my-project-actions .btn-primary{align-items:center;border-radius:12px;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .3s ease}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;padding:20px}.modal-content{animation:scaleIn .2s ease-out;box-shadow:0 20px 40px #00000026;max-width:500px;width:100%}.modal-content.large{max-width:680px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{margin-bottom:20px;padding:24px 28px 0}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;color:#94a3b8;font-size:1.5rem;padding:4px;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#dc2626}.apply-form{padding:0 28px 28px}.project-info{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;margin-bottom:24px;padding:16px}.project-info h3{color:#1e293b;font-size:1rem;margin:0 0 8px}.project-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.project-stats span{color:#64748b;font-size:.85rem}.form-group label{font-size:.9rem}.form-group textarea{min-height:80px}.form-requirements{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;margin-bottom:24px;padding:16px}.form-requirements h4{color:#1e293b;font-size:.9rem;margin:0 0 12px}.form-requirements ul{color:#475569;font-size:.85rem;margin:0;padding-left:20px}.form-requirements li{margin-bottom:6px}.form-actions{flex-wrap:wrap;gap:12px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-label{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:8px 12px;transition:all .2s}.radio-label:hover{background:#f1f5f9;border-color:#07f}.radio-label input[type=radio]{accent-color:#07f;height:18px;margin:0;width:18px}.project-details-modal{max-height:80vh;overflow-y:auto;padding:0 28px 28px}.project-details-modal::-webkit-scrollbar{width:6px}.project-details-modal::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.project-details-modal::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.project-header-detail{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:24px}.project-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-title h3{color:#1e293b;font-size:1.3rem;margin:0}.project-budget-large{color:#00a86b;font-size:1.3rem;font-weight:700}.project-description{margin-bottom:24px}.project-description h4{color:#1e293b;font-size:1rem;margin:0 0 12px}.project-description p{color:#475569;line-height:1.6;margin:0}.project-additional-info{background:#f8fafc;border:1px solid #eef2f6;border-radius:20px;margin:24px 0;padding:20px}.project-additional-info h4{align-items:center;color:#1e293b;display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-item{background:#fff;border:1px solid #eef2f6;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:12px 16px;transition:all .2s}.info-item:hover{border-color:#07f}.info-item.full-width{grid-column:1/-1}.info-label{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1e293b;font-size:.9rem;line-height:1.5;word-break:break-word}.info-link{color:#07f;font-size:.85rem;text-decoration:none;word-break:break-all}.info-link:hover{text-decoration:underline}.project-requirements{background:#f8fafc;border:1px solid #eef2f6;border-radius:20px;margin:24px 0;padding:20px}.project-requirements h4{color:#1e293b;font-size:1rem;margin:0 0 16px}.requirements-content{background:#fff;border:1px solid #eef2f6;border-radius:14px;padding:16px}.requirements-content p{color:#475569;line-height:1.6;margin:0}.project-specs{margin:24px 0}.project-specs h4{color:#1e293b;font-size:1rem;margin:0 0 16px}.spec-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.spec-item{background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;padding:14px 16px}.spec-label{color:#64748b;display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.spec-value{color:#1e293b;font-size:1rem;font-weight:600}.spec-value.highlight{color:#07f}.earnings-example{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:20px;margin:24px 0;padding:20px}.earnings-example h4{align-items:center;color:#2e7d32;display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.earnings-calc-detail{background:#fff;border-radius:14px;padding:16px}.earnings-calc-detail p{align-items:center;color:#475569;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:10px 0}.earnings-calc-detail .result{border-top:2px solid #a5d6a7;color:#2e7d32;font-size:1.1rem;font-weight:700;margin-top:16px;padding-top:16px}.earnings-calc-detail .result strong{font-size:1.2rem}.empty-state{border:1px solid #eef2f6;box-shadow:0 4px 20px #0000000a}.empty-icon{color:#94a3b8;display:block;font-size:4rem}.empty-state h3{color:#1e293b;margin:0 0 12px}.empty-state p{color:#64748b;margin-bottom:24px}.btn-cancel,.btn-outline,.btn-primary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0077ff4d}.btn-primary:disabled{background:#cbd5e1;box-shadow:none;transform:none}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-small{font-size:.75rem;padding:6px 14px}.btn-large{font-size:1rem;padding:14px 28px}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.alert{border:1px solid;border-radius:14px;padding:14px 18px;position:relative}.alert-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.alert-success{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.alert-close{transition:all .2s}.alert-close:hover{transform:scale(1.1)}.loading-container{border:1px solid #eef2f6;border-radius:24px;padding:60px 20px}.step-indicator{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-top:20px;padding:12px}.projects-page::-webkit-scrollbar{width:8px}.projects-page::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.projects-page::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.projects-page::-webkit-scrollbar-thumb:hover{background:#64748b}.application-card,.empty-state,.my-project-card,.project-card{animation:fadeInUp .4s ease forwards}.btn-cancel:focus,.btn-outline:focus,.btn-primary:focus,.modal-close:focus,.tab:focus{outline:2px solid #07f;outline-offset:2px}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.projects-page{padding:20px 16px}.page-header{align-items:flex-start;flex-direction:column}.header-content h1{font-size:1.8rem}.tabs{flex-direction:column;gap:6px}.tab{justify-content:center}.application-details,.info-grid,.project-details,.projects-grid,.spec-grid{grid-template-columns:1fr}.application-actions,.form-actions,.modal-actions,.my-project-actions,.stats-grid{flex-direction:column}.application-actions button,.form-actions button,.modal-actions button,.my-project-actions button{width:100%}.referral-link-input{flex-direction:column}.btn-copy{width:100%}.my-project-header{flex-direction:column}.earnings-calc-detail p{align-items:flex-start;flex-direction:column}.modal-content{border-radius:20px;margin:10px;width:calc(100% - 20px)}.modal-header{padding:20px 20px 0}.apply-form,.project-details-modal{padding:0 20px 20px}}@media (max-width:480px){.projects-page{padding:16px 12px}.application-card,.my-project-card,.project-card{padding:18px}.project-budget,.project-name{font-size:1rem}.modal-header h2{font-size:1.2rem}}.project-mechanics{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin-bottom:16px;padding:12px 0}.mechanics-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px}.mechanics-tags{display:flex;flex-wrap:wrap;gap:8px}.mechanic-tag{background:#f3f4f6;border-radius:20px;color:#374151;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.mechanic-габ{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.mechanic-доля{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.mechanic-заём{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.mechanic-венчур{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d}.filter-panel{margin-bottom:24px}.filters{margin-top:16px}.filter-buttons{margin-bottom:16px}.filter-clear{font-size:12px;padding:6px 12px}@media (max-width:768px){.filter-buttons{gap:8px}.filter-btn{font-size:12px;padding:6px 12px}.filters{padding:16px}}.projects-toolbar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-bar{flex:1 1;min-width:200px;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:10px 35px 10px 38px;transition:all .2s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:20px;padding:0 4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-clear:hover{color:#ef4444}.sort-select{min-width:200px}.sort-select-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.sort-select-input:focus{border-color:#667eea;outline:none}.filter-panel{margin-bottom:20px}.filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.filter-toggle{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-toggle.active{background:#667eea;border-color:#667eea;color:#fff}.filter-toggle:hover{background:#e5e7eb}.filter-badge{background:#ef4444;border-radius:50%;display:inline-block;height:8px;width:8px}.reset-all-filters{background:#fee2e2;border:none;border-radius:8px;color:#991b1b;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.reset-all-filters:hover{background:#fecaca}.filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-top:12px;padding:20px}.filter-group{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:30px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#f3f4f6;border-color:#9ca3af}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.budget-range{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.budget-input{border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:14px;min-width:120px;padding:10px 12px}.budget-input:focus{border-color:#667eea;outline:none}.budget-separator{color:#6b7280;font-weight:500}.filter-actions{display:flex;justify-content:flex-end;margin-top:16px}.filter-clear{background:#fee2e2;border:none;border-radius:8px;color:#991b1b;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.filter-clear:hover{background:#fecaca}.filter-stats{background:#f0fdf4;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:12px 16px}.stats-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.stats-count{color:#166534;font-size:14px}.stats-count strong{color:#064e3b;font-size:18px}.stats-active-filters{color:#6b7280;font-size:13px}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;display:inline-flex;font-size:12px;gap:8px;padding:4px 10px}.active-filter-tag button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.active-filter-tag button:hover{color:#ef4444}@media (max-width:768px){.projects-toolbar{flex-direction:column}.search-bar,.sort-select{width:100%}.filter-buttons{gap:8px}.filter-btn{font-size:12px;padding:6px 12px}.filters{padding:16px}.budget-range{flex-direction:column}.budget-input{width:100%}.filter-header{align-items:stretch;flex-direction:column}}.chat-button{align-items:center;background:linear-gradient(135deg,#07f,#05c);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #07f6;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:1000}.chat-button:hover{box-shadow:0 6px 20px #0077ff80;transform:scale(1.1)}.chat-button .chat-icon{color:#fff;font-size:28px}.chat-notification{animation:bounce 1s infinite;font-size:20px;position:absolute;right:-5px;top:-5px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chat-window{animation:slideUp .3s ease;background:#fff;border-radius:20px;bottom:100px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:600px;overflow:hidden;position:fixed;right:30px;width:400px;z-index:1000}.chat-header{background:linear-gradient(135deg,#07f,#05c);color:#fff;justify-content:space-between;padding:16px 20px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-avatar{font-size:32px}.chat-header-info h3{font-size:16px;font-weight:600;margin:0}.chat-header-info p{font-size:11px;margin:4px 0 0;opacity:.8}.chat-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.chat-close:hover{background:#ffffff4d}.chat-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chat-message{animation:fadeIn .3s ease;display:flex;gap:10px}.chat-message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:#e9ecef;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.chat-message.bot .message-avatar{background:linear-gradient(135deg,#07f,#05c)}.message-content{display:flex;flex-direction:column;gap:4px;max-width:70%}.message-text{background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000d;color:#212529;font-size:14px;line-height:1.5;padding:10px 14px}.chat-message.user .message-text{background:#07f;color:#fff}.message-time{color:#6c757d;font-size:10px;padding:0 8px}.chat-message.user .message-time{text-align:right}.typing-indicator{display:flex;gap:4px;padding:10px 14px}.typing-indicator span{animation:typing 1.4s infinite;background:#6c757d;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-container{align-items:flex-end;background:#fff;border-top:1px solid #e9ecef;display:flex;gap:10px;padding:16px}.chat-input{border:1px solid #e9ecef;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;max-height:100px;padding:10px 16px;resize:none;transition:all .2s}.chat-input:focus{border-color:#07f;outline:none}.chat-send{align-items:center;background:#07f;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.chat-send:hover:not(:disabled){background:#05c;transform:scale(1.05)}.chat-send:disabled{cursor:not-allowed;opacity:.5}.chat-suggestions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.suggestion-btn{background:#fff;border:1px solid #e9ecef;border-radius:20px;color:#495057;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.suggestion-btn:hover{background:#07f;border-color:#07f;color:#fff}@media (max-width:768px){.chat-window{bottom:80px;height:500px;left:20px;right:20px;width:calc(100% - 40px)}.chat-button{bottom:20px;height:50px;right:20px;width:50px}.chat-button .chat-icon{font-size:24px}}.referral-page{color:#f3f4f6;margin:0 auto;max-width:1200px;min-height:100vh}.referral-page .page-header{border-bottom:1px solid #374151;margin-bottom:30px;padding-bottom:20px}.referral-page .header-content h1{align-items:center;color:#f9fafb;display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.referral-page .header-content p{color:#d1d5db;font-size:1.1rem;line-height:1.5;margin:0}.referral-page .referral-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.referral-page .stat-card{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;box-shadow:0 4px 12px #0006;color:#f9fafb;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.referral-page .stat-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:3px;left:0;position:absolute;right:0;top:0}.referral-page .stat-card:hover{border-color:#4b5563;box-shadow:0 8px 20px #00000080;transform:translateY(-3px)}.referral-page .stat-icon{color:#3b82f6;font-size:2.5rem;min-width:60px;text-align:center}.referral-page .stat-info{flex:1 1}.referral-page .stat-info h3{color:#9ca3af;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.referral-page .stat-number{color:#f9fafb;display:block;font-size:1.8rem;font-weight:700;margin-bottom:4px}.referral-page .stat-trend{font-size:.8rem;font-weight:600}.referral-page .stat-trend.positive{color:#10b981}.referral-page .stat-subtitle{color:#9ca3af;font-size:.8rem}.referral-page .section-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;box-shadow:0 4px 12px #0006;color:#f9fafb;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.referral-page .section-card:before{background:linear-gradient(90deg,#8b5cf6,#3b82f6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.referral-page .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.referral-page .section-header h2{align-items:center;color:#f9fafb;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0}.referral-page .commission-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;white-space:nowrap}.referral-page .referral-link-container{margin-bottom:24px}.referral-page .link-input-wrapper{display:flex;gap:12px;margin-bottom:16px}.referral-page .referral-link-input{background:#111827;border:2px solid #4b5563;border-radius:8px;color:#f9fafb;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:14px;padding:14px 16px;transition:all .3s ease}.referral-page .referral-link-input::placeholder{color:#6b7280}.referral-page .copy-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:14px 24px;transition:all .3s ease}.referral-page .copy-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.referral-page .copy-btn:disabled{cursor:not-allowed;opacity:.6}.referral-page .copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669)}.referral-page .share-buttons{display:flex;flex-direction:column;gap:16px}.referral-page .social-share{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.referral-page .social-share span{color:#d1d5db;font-size:.9rem}.referral-page .social-buttons{display:flex;flex-wrap:wrap;gap:8px}.referral-page .social-btn{align-items:center;background:#111827;border:1px solid #4b5563;border-radius:6px;color:#f9fafb;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .3s ease}.referral-page .social-btn:hover{background:#1f2937;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.referral-page .social-btn.telegram{border-color:#08c;color:#08c}.referral-page .social-btn.telegram:hover{background:#08c;color:#fff}.referral-page .social-btn.whatsapp{border-color:#25d366;color:#25d366}.referral-page .social-btn.whatsapp:hover{background:#25d366;color:#fff}.referral-page .social-btn.vk{border-color:#4c75a3;color:#4c75a3}.referral-page .social-btn.vk:hover{background:#4c75a3;color:#fff}.referral-page .referral-info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.referral-page .info-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;color:#f9fafb;display:flex;gap:16px;padding:24px;transition:all .3s ease}.referral-page .info-card:hover{border-left-color:#8b5cf6;box-shadow:0 8px 20px #0006;transform:translateY(-3px)}.referral-page .info-icon{color:#3b82f6;font-size:1.8rem;min-width:40px;text-align:center}.referral-page .info-content{flex:1 1}.referral-page .info-content h4{color:#f9fafb;font-size:1.1rem;font-weight:600;margin:0 0 8px}.referral-page .info-content p{color:#d1d5db;font-size:.95rem;line-height:1.6;margin:0}.referral-page .activity-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.referral-page .filter-btn{background:#111827;border:1px solid #4b5563;border-radius:20px;color:#d1d5db;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.referral-page .filter-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#0000;box-shadow:0 2px 8px #3b82f64d;color:#fff}.referral-page .filter-btn:hover:not(.active){background:#1f2937;border-color:#6b7280;transform:translateY(-1px)}.referral-page .activity-list{display:flex;flex-direction:column;gap:12px}.referral-page .activity-item{align-items:center;background:#1f2937;border:1px solid #374151;border-radius:12px;color:#f9fafb;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.referral-page .activity-item:hover{background:#2d3748;border-color:#4b5563;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.referral-page .activity-item:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:3px 0 0 3px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.referral-page .activity-icon{color:#3b82f6;font-size:1.8rem;min-width:40px;text-align:center}.referral-page .activity-content{flex:1 1}.referral-page .activity-main{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.referral-page .activity-description{color:#f9fafb;font-size:1rem;font-weight:500}.referral-page .referral-name{color:#9ca3af;font-size:.9rem}.referral-page .activity-meta{align-items:center;display:flex;gap:12px}.referral-page .activity-date{color:#6b7280;font-size:.85rem}.referral-page .activity-amount{align-items:flex-end;display:flex;flex-direction:column;gap:8px;min-width:120px}.referral-page .amount{font-size:1.1rem;font-weight:700}.referral-page .amount.completed{color:#10b981}.referral-page .amount.pending{color:#f59e0b}.referral-page .status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.referral-page .status-completed{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.referral-page .status-pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.referral-page .status-processing{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.referral-page .empty-activity,.referral-page .empty-state{color:#6b7280;padding:60px 20px;text-align:center}.referral-page .empty-icon{color:#4b5563;font-size:3.5rem;margin-bottom:16px;opacity:.5}.referral-page .empty-activity h3,.referral-page .empty-state h3{color:#d1d5db;font-size:1.2rem;font-weight:600;margin:0 0 8px}.referral-page .empty-activity p,.referral-page .empty-state p{color:#9ca3af;font-size:.95rem;line-height:1.5;margin:0 auto;max-width:400px}.referral-page .faq-list{display:flex;flex-direction:column;gap:20px}.referral-page .faq-item{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;color:#f9fafb;padding:24px;transition:all .3s ease}.referral-page .faq-item:hover{border-left-color:#3b82f6;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.referral-page .faq-item h4{align-items:center;color:#f9fafb;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0 0 12px}.referral-page .faq-item p{color:#d1d5db;font-size:.95rem;line-height:1.6;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.referral-page .activity-item,.referral-page .faq-item,.referral-page .section-card,.referral-page .stat-card{animation:slideInUp .5s ease-out}@media (max-width:768px){.referral-page{padding:16px}.referral-page .referral-stats-grid{grid-template-columns:1fr}.referral-page .section-header{align-items:flex-start;flex-direction:column;gap:12px}.referral-page .link-input-wrapper{flex-direction:column}.referral-page .social-share{align-items:flex-start;flex-direction:column}.referral-page .referral-info-cards{grid-template-columns:1fr}.referral-page .activity-item{align-items:flex-start;flex-direction:column;gap:12px}.referral-page .activity-amount{align-items:flex-start;flex-direction:row;gap:12px;justify-content:space-between;width:100%}.referral-page .activity-meta{flex-wrap:wrap}.referral-page .faq-item{padding:20px}}@media (max-width:480px){.referral-page .header-content h1{font-size:1.7rem}.referral-page .activity-filters,.referral-page .social-buttons{flex-wrap:wrap}.referral-page .info-card,.referral-page .stat-card{flex-direction:column;gap:12px;text-align:center}.referral-page .info-icon,.referral-page .stat-icon{margin:0 auto}}.referral-page .btn-outline{align-items:center;background:#0000;border:2px solid #4b5563;border-radius:8px;color:#d1d5db;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.referral-page .btn-outline:hover{background:#1f2937;border-color:#6b7280;color:#f9fafb}.referral-page .btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.referral-page .btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.earnings-page{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.earnings-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.stat-card{border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;padding:25px}.stat-card:hover{box-shadow:0 8px 30px #0077ff26}.available-balance{border-left:4px solid #00a86b}.total-earnings{border-left:4px solid #07f}.pending-earnings{border-left:4px solid #ff9500}.active-referrals{border-left:4px solid #8e2de2}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stat-header h3{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-icon{color:#07f;font-size:1.5rem}.stat-value{color:#212529;display:block;margin-bottom:8px}.stat-subtitle{color:#6c757d;font-size:.85rem}.earnings-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tab{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#6c757d;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab.active{background:#07f;border-color:#07f;box-shadow:0 4px 12px #0077ff40;color:#fff}.tab:hover:not(.active){background:#f1f3f5;color:#07f;transform:translateY(-1px)}.chart-section{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:25px}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#212529;font-size:1.2rem;font-weight:600;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:8px}.legend-color{border-radius:3px;height:12px;width:12px}.legend-color.earnings{background:#07f}.earnings-chart{gap:8px;height:200px;padding:20px 0}.chart-bars,.earnings-chart{align-items:flex-end;display:flex}.chart-bars{flex:1 1;gap:6px;height:100%;justify-content:space-between}.chart-bar{background:linear-gradient(0deg,#07f,#39f);border-radius:6px 6px 0 0;cursor:pointer;flex:1 1;min-height:20px;position:relative;transition:all .3s ease}.chart-bar:hover{opacity:.85;transform:scaleY(1.02)}.bar-value{background:#212529;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:11px;font-weight:600;left:50%;opacity:0;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.chart-bar:hover .bar-value{opacity:1}.chart-labels{display:flex;justify-content:space-between;margin-top:12px}.chart-label{color:#6c757d;flex:1 1;font-size:.75rem;text-align:center}.quick-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.quick-stat{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.quick-stat:hover{background:#fff;border-color:#07f;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.quick-stat-value{color:#212529;display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.quick-stat-label{color:#6c757d;font-size:.8rem}.payouts-section,.transactions-section{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:25px}.section-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.section-header h3{color:#212529;font-size:1.2rem;font-weight:600;margin:0}.view-all-link{color:#07f;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease}.view-all-link:hover{color:#05c;text-decoration:underline}.payouts-list,.transactions-list{display:flex;flex-direction:column;gap:12px}.payout-item,.transaction-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.payout-item:hover,.transaction-item:hover{background:#fff;border-color:#07f;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.payout-icon,.transaction-icon{color:#07f;font-size:1.5rem}.payout-content,.transaction-content{flex:1 1}.payout-main,.transaction-main{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.transaction-description{color:#212529;font-weight:500}.payout-amount{color:#212529;font-size:1.1rem;font-weight:700}.payout-method{color:#6c757d;font-size:.8rem}.payout-date,.payout-processed,.transaction-date{color:#adb5bd;font-size:.75rem}.payout-status,.transaction-amount{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.amount-positive{color:#00a86b;font-size:1rem;font-weight:700}.amount-negative{color:#dc3545;font-size:1rem;font-weight:700}.status-badge{font-size:.7rem;padding:4px 10px}.status-completed{background:#00a86b1a;border:1px solid #00a86b4d;color:#00a86b}.status-pending{background:#ff95001a;border:1px solid #ff95004d;color:#ff9500}.status-failed{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.cta-banner{background:linear-gradient(135deg,#07f,#05c);border-radius:16px;box-shadow:0 8px 30px #0077ff4d;color:#fff;margin-top:40px;padding:40px}.cta-content{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.cta-text h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.cta-text p{color:#ffffffe6;margin:0;opacity:.9}.cta-banner .btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.cta-banner .btn-primary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.earnings-page::-webkit-scrollbar{width:8px}.earnings-page::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.earnings-page::-webkit-scrollbar-thumb{background:#07f;border-radius:4px}.earnings-page::-webkit-scrollbar-thumb:hover{background:#05c}@media (max-width:768px){.earnings-page{padding:16px}.earnings-stats-grid{gap:16px;grid-template-columns:1fr}.earnings-tabs{flex-wrap:wrap;gap:8px}.tab{flex:1 1;font-size:.85rem;min-width:100px;padding:10px 16px;text-align:center}.chart-bars{gap:4px}.bar-value{font-size:9px;padding:3px 6px;top:-25px}.cta-content{flex-direction:column;gap:20px;text-align:center}.payout-item,.transaction-item{align-items:flex-start;flex-direction:column;gap:12px}.payout-status,.transaction-amount{align-items:flex-start;flex-direction:row;gap:12px;justify-content:space-between;width:100%}.chart-header{align-items:flex-start;flex-direction:column}.chart-legend{align-self:flex-start}.section-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.stat-card{padding:20px}.stat-value{font-size:1.5rem}.chart-section,.payouts-section,.transactions-section{padding:20px}.cta-banner{padding:30px 20px}.cta-text h3{font-size:1.3rem}.quick-stats-grid{gap:12px;grid-template-columns:1fr}}.chart-section,.cta-banner,.payouts-section,.stat-card,.transactions-section{animation:fadeInUp .5s ease forwards}.btn-primary:focus-visible,.tab:focus-visible{outline:2px solid #07f;outline-offset:2px}.empty-state{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#212529;font-size:1.2rem;margin:0 0 8px}.empty-state p{color:#6c757d;margin:0}.loading-container{min-height:400px}.loading-spinner{border:3px solid #e9ecef}.loading-container p{color:#6c757d;margin-top:16px}.alert{align-items:center;animation:fadeInUp .3s ease;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:14px 20px}.alert-success{background:#00a86b1a;border:1px solid #00a86b4d;color:#00a86b}.alert-error{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.alert-close,.alert-icon{font-size:1.2rem}.alert-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.7;transition:opacity .2s}.alert-close:hover{opacity:1}.agent-pending{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.pending-container{border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;padding:3rem;text-align:center;width:100%}.pending-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:1.5rem}.pending-container h1{color:#1f2937;font-size:2rem;margin-bottom:1rem}.pending-container>p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.pending-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.info-card{background:#f9fafb;border-radius:12px;padding:1.5rem;text-align:left}.info-card h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.info-card ul{list-style:none;padding:0}.info-card li{color:#4b5563;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-card li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.pending-timeline{margin-bottom:2rem}.pending-timeline h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.timeline{display:flex;justify-content:space-between;margin:0 auto;max-width:600px;position:relative}.timeline:before{background:#e5e7eb;content:"";height:2px;left:0;position:absolute;right:0;top:15px;z-index:1}.timeline-step{flex:1 1;position:relative;text-align:center;z-index:2}.step-dot{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;font-weight:700;height:32px;justify-content:center;margin:0 auto .5rem;width:32px}.timeline-step.active .step-dot{background:#3b82f6}.step-content h4{color:#1f2937;font-size:.9rem;margin-bottom:.25rem}.step-content p{color:#6b7280;font-size:.8rem}.pending-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-primary,.btn-secondary{border-radius:8px;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.btn-secondary{border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.pending-contact{border-top:1px solid #e5e7eb;padding-top:1.5rem}.pending-contact p{color:#6b7280;font-size:.9rem}@media (max-width:768px){.agent-pending{padding:1rem}.pending-container{padding:2rem 1.5rem}.pending-container h1{font-size:1.5rem}.pending-info{grid-template-columns:1fr}.timeline{align-items:flex-start;flex-direction:column;gap:1.5rem}.timeline:before{bottom:0;height:auto;left:15px;right:auto;top:0;width:2px}.timeline-step{align-items:flex-start;display:flex;gap:1rem;text-align:left}.step-dot{flex-shrink:0;margin:0}.pending-actions{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}}.agent-pending{background:#fff;padding:40px 20px}.pending-container{background:#fff;border:1px solid #eee;border-radius:32px;box-shadow:0 6px 0 #00000014,0 20px 40px #0000000f;max-width:950px}.pending-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem}.pending-container h1{color:#333;font-size:42px;font-weight:900;margin-bottom:16px}.pending-container>p{color:#777;font-size:18px;line-height:1.7;margin:0 auto 32px;max-width:700px}.info-card{background:#fff;border:1px solid #eee;border-radius:24px;box-shadow:0 10px 30px #0000000a;padding:24px}.info-card h3{color:#333;font-weight:700}.info-card li{color:#666}.info-card li:before{color:#0d82ff}.pending-timeline h3{color:#333;font-weight:700}.timeline{max-width:720px}.timeline:before{background:#dcecff;border-radius:999px;height:4px}.step-dot{background:#eef6ff;border:2px solid #cfe5ff;color:#0d82ff;height:42px;width:42px}.timeline-step.active .step-dot{background:#0d82ff;border-color:#0d82ff;box-shadow:0 10px 20px #0d82ff40;color:#fff}.step-content h4{color:#333;font-weight:700}.step-content p{color:#777}.btn-primary,.btn-secondary{border-radius:999px;font-weight:700;padding:14px 28px}.btn-secondary{border:1px solid #d5d5d5;color:#333}.btn-secondary:hover{background:#f8f8f8;border-color:#c5c5c5}.pending-contact{border-top:1px solid #eee;margin-top:10px}.pending-contact p{color:#777}@media (max-width:768px){.pending-container{border-radius:24px;padding:28px 20px}.pending-container h1{font-size:30px}.pending-container>p{font-size:16px}.info-card{border-radius:20px}.timeline:before{background:#dcecff;width:4px}}.terms-page{background:linear-gradient(0deg,#242424,#242424),linear-gradient(180deg,#0000 43.47%,#000c 74.52%);min-height:100vh;padding:40px 20px}.terms-container{background:#333;border-radius:20px;box-shadow:0 10px 40px #0000004d;color:#fff;margin:0 auto;max-width:900px;overflow:hidden}.terms-header{background:#07f;color:#fff;padding:40px;text-align:center}.terms-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.terms-update-date{font-size:1.1rem;margin:0;opacity:.9}.terms-content{color:#e0e0e0;padding:40px}.terms-section{margin-bottom:40px}.terms-section h2{border-bottom:2px solid #404040;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.terms-section p{color:#ccc;font-size:1rem;line-height:1.7;margin-bottom:15px}.definitions-list{display:flex;flex-direction:column;gap:12px}.definition-item{background:#404040;border-left:4px solid #07f;border-radius:8px;color:#e0e0e0;padding:15px}.definition-item strong{color:#fff}.obligations-list{display:flex;flex-direction:column;gap:12px}.obligation-item{align-items:center;background:#1a3d1a;border:1px solid #2d5a2d;border-radius:8px;color:#e0e0e0;display:flex;gap:12px;padding:12px 16px}.obligation-icon{color:#07f;font-size:1.2rem}.prohibited-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:15px}.prohibited-item{align-items:center;background:#4d1a1a;border:1px solid #662d2d;border-radius:8px;color:#e0e0e0;display:flex;gap:12px;padding:12px 16px}.prohibited-icon{color:#f44;font-size:1.2rem}.contact-item{background:#404040;border-left:4px solid #0c6;color:#e0e0e0}.terms-actions{border-top:1px solid #404040;display:flex;gap:15px;justify-content:center;margin-top:40px;padding-top:30px}.btn-primary:hover{background:#06d}@media print{.terms-page{background:#fff;padding:0}.terms-container{background:#fff;border-radius:0;box-shadow:none;color:#000}.terms-header{background:#07f!important;-webkit-print-color-adjust:exact}.terms-content{color:#000}.terms-actions{display:none}}@media (max-width:768px){.terms-page{padding:20px 10px}.terms-header{padding:30px 20px}.terms-header h1{font-size:2rem}.terms-content{padding:30px 20px}.prohibited-list{grid-template-columns:1fr}.terms-actions{flex-direction:column}.btn-outline,.btn-primary{justify-content:center;width:100%}}@media (max-width:480px){.terms-header h1{font-size:1.7rem}.terms-section h2{font-size:1.3rem}}.privacy-page{background:linear-gradient(0deg,#242424,#242424),linear-gradient(180deg,#0000 43.47%,#000c 74.52%);min-height:100vh;padding:40px 20px}.privacy-container{background:#333;border:1px solid #444;border-radius:20px;box-shadow:0 10px 40px #0000004d;margin:0 auto;max-width:1000px;overflow:hidden}.privacy-header{background:#07f;border-bottom:1px solid #05c;color:#fff;padding:40px;text-align:center}.privacy-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 10px}.privacy-update-date{color:#fffc;font-size:1.1rem;margin:0;opacity:.9}.privacy-content{padding:40px}.privacy-section{margin-bottom:40px}.privacy-section h2{border-bottom:2px solid #444;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.privacy-section p{color:#ccc;font-size:1rem;line-height:1.7;margin-bottom:15px}.info-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.info-category{background:#444;border:1px solid #555;border-radius:12px;padding:20px;transition:all .3s ease}.info-category:hover{border-color:#07f;transform:translateY(-2px)}.info-category h3{color:#fff;font-size:1.1rem;margin:0 0 15px}.info-category ul{margin:0;padding-left:20px}.info-category li{color:#ccc;line-height:1.5;margin-bottom:8px}.purposes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.purpose-item{background:#0077ff1a;border:1px solid #0077ff4d;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.purpose-item:hover{background:#0077ff26;border-color:#07f}.purpose-icon{color:#07f;flex-shrink:0;font-size:2rem}.purpose-content h4{color:#07f;font-size:1.1rem;margin:0 0 8px}.purpose-content p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0}.cookie-uses{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:15px 0}.cookie-use-item{align-items:center;background:#ff95001a;border:1px solid #ff95004d;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.cookie-use-item:hover{border-color:#ff9500}.cookie-icon{color:#ff9500;font-size:1.2rem}.cookie-use-item span{color:#ccc}.disclosure-cases{display:flex;flex-direction:column;gap:15px;margin-top:20px}.disclosure-case{background:#8e2de21a;border:1px solid #8e2de24d;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.disclosure-case:hover{border-color:#8e2de2}.case-icon{color:#8e2de2;flex-shrink:0;font-size:1.5rem}.case-content h4{color:#8e2de2;margin:0 0 8px}.case-content p{color:#ccc;margin:0}.protection-measures{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.protection-item{background:#00a86b1a;border:1px solid #00a86b4d;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.protection-item:hover{border-color:#00a86b;transform:translateY(-2px)}.protection-item h3{color:#00a86b;font-size:1.1rem;margin:0 0 10px}.protection-item p{color:#ccc;font-size:.9rem;margin:0}.user-rights{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.right-item{align-items:flex-start;background:#0077ff1a;border:1px solid #0077ff4d;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.right-item:hover{background:#0077ff26;border-color:#07f}.right-icon{color:#07f;flex-shrink:0;font-size:1.3rem;margin-top:2px}.right-content{display:flex;flex-direction:column}.right-content strong{color:#07f;margin-bottom:4px}.right-content span{color:#ccc;font-size:.9rem;line-height:1.4}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{background:#444;border:1px solid #555;border-radius:8px;padding:12px 16px;transition:all .3s ease}.contact-item:hover{border-color:#07f}.contact-item strong{color:#fff;display:block;margin-bottom:4px}.contact-item span{color:#ccc;font-size:.9rem}.privacy-actions{border-top:1px solid #444;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:40px;padding-top:30px}.btn-primary{border-radius:12px;box-shadow:0 4px 15px #0077ff4d;padding:14px 28px}.btn-primary:hover{background:#05c;box-shadow:0 8px 25px #07f6}.btn-outline{align-items:center;background:#0000;border-radius:12px;display:inline-flex;gap:8px;padding:14px 28px;text-decoration:none}.btn-outline:hover{box-shadow:0 4px 12px #0077ff4d;transform:translateY(-2px)}.privacy-content::-webkit-scrollbar{width:8px}.privacy-content::-webkit-scrollbar-track{background:#333;border-radius:4px}.privacy-content::-webkit-scrollbar-thumb{background:#07f;border-radius:4px}.privacy-content::-webkit-scrollbar-thumb:hover{background:#05c}@media print{.privacy-page{background:#fff;padding:0}.privacy-container{background:#fff;border-radius:0;box-shadow:none}.privacy-header{background:#07f!important;-webkit-print-color-adjust:exact}.privacy-section h2{color:#000}.privacy-section p{color:#333}.privacy-actions{display:none}}@media (max-width:768px){.privacy-page{padding:20px 10px}.privacy-header{padding:30px 20px}.privacy-header h1{font-size:2rem}.privacy-content{padding:30px 20px}.info-categories,.protection-measures,.purposes-grid,.user-rights{grid-template-columns:1fr}.privacy-actions{flex-direction:column}.btn-outline,.btn-primary{justify-content:center;width:100%}.disclosure-case,.purpose-item{flex-direction:column;text-align:center}.cookie-uses{grid-template-columns:1fr}}@media (max-width:480px){.privacy-header h1{font-size:1.7rem}.privacy-section h2{font-size:1.3rem}.user-rights{grid-template-columns:1fr}.right-item{flex-direction:column;gap:10px;text-align:center}.right-icon{align-self:center}}.privacy-section:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.privacy-section{animation:fadeInUp .6s ease forwards}.privacy-section:first-child{animation-delay:.1s}.privacy-section:nth-child(2){animation-delay:.2s}.privacy-section:nth-child(3){animation-delay:.3s}.privacy-section:nth-child(4){animation-delay:.4s}.privacy-section:nth-child(5){animation-delay:.5s}.btn-outline:focus,.btn-primary:focus{outline:2px solid #07f;outline-offset:2px}.info-category li::marker{color:#07f}.important-notice{background:#ff44441a;border:1px solid #ff44444d;border-left:4px solid #f44;border-radius:8px;margin:20px 0;padding:20px}.important-notice h4{color:#f44;margin:0 0 10px}.important-notice p{color:#ccc;margin:0}.agent-projects-page{color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.agent-projects-header{align-items:center;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-content h1{color:#fff;font-size:28px;margin-bottom:8px}.stat-content-large{display:flex;flex-direction:column;gap:10px}.header-content p{color:#aaa;font-size:16px}.agent-tabs{background:#1a1a1a;border-radius:12px;display:flex;gap:10px;margin-bottom:30px;padding:10px}.tab-button{background:#0000;border:none;border-radius:8px;color:#aaa;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 20px;text-align:center;transition:all .3s ease}.tab-button:hover{background:#333;color:#fff}.tab-button.active{background:#07f;box-shadow:0 4px 12px #0077ff4d}.projects-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.stat-card{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:1px solid #333;border-radius:16px;gap:20px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{background:#0077ff1a;border-radius:12px;font-size:40px}.stat-content h3{color:#aaa;font-size:16px;font-weight:500;margin-bottom:8px}.stat-value{font-size:32px}.projects-table-section{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:24px}.section-header{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#fff;font-size:20px}.table-actions{display:flex;gap:10px}.projects-table-container{overflow-x:auto}.projects-table{border-collapse:collapse;width:100%}.projects-table thead{background:#2a2a2a}.projects-table th{border-bottom:2px solid #333;color:#aaa;font-size:14px;font-weight:600;padding:16px;text-align:left}.projects-table td{border-bottom:1px solid #333;padding:16px;vertical-align:middle}.projects-table tbody tr:hover{background:#2a2a2a}.status-badge{font-size:12px;letter-spacing:.5px;padding:6px 12px}.status-approved{background:#2ecc7133;border:1px solid #2ecc714d;color:#2ecc71}.status-pending{background:#f1c40f33;border:1px solid #f1c40f4d;color:#f1c40f}.status-rejected{background:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c}.status-active{background:#3498db33;border:1px solid #3498db4d;color:#3498db}.status-default{background:#95a5a633;border:1px solid #95a5a64d;color:#95a5a6}.engagement-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.engagement-high{background:#2ecc7126;color:#2ecc71}.engagement-medium{background:#f1c40f26;color:#f1c40f}.engagement-low{background:#e74c3c26;color:#e74c3c}.engagement-default{background:#95a5a626;color:#95a5a6}.action-buttons{display:flex;gap:8px}.action-btn{background:#0000;border:none;border-radius:8px;font-size:16px;height:36px;transition:all .2s ease;width:36px}.action-btn:hover{transform:scale(1.1)}.action-btn.edit{background:#3498db1a;color:#3498db}.action-btn.edit:hover{background:#3498db33}.action-btn.view{background:#9b59b61a;color:#9b59b6}.action-btn.view:hover{background:#9b59b633}.action-btn.delete{background:#e74c3c1a;color:#e74c3c}.action-btn.delete:hover{background:#e74c3c33}.empty-projects{padding:60px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-projects h3{color:#fff;font-size:24px;margin-bottom:10px}.empty-projects p{color:#aaa;font-size:16px;margin-bottom:30px}.referral-stats-section{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:24px}.referral-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:30px}.overview-card,.referral-earnings{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:24px}.overview-card h3,.referral-earnings h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px;margin-bottom:20px}.earnings-stats,.overview-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.earning-stat,.overview-stat{display:flex;flex-direction:column;gap:8px}.stat-label{color:#aaa;font-size:14px}.stat-value{color:#fff;font-size:24px}.top-referrals{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:24px}.top-referrals h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px;margin-bottom:20px}.referrals-list{display:flex;flex-direction:column;gap:12px}.referral-item{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.referral-item:hover{border-color:#07f;transform:translateX(5px)}.referral-info{align-items:center;display:flex;gap:16px}.referral-name{color:#fff;font-size:16px;font-weight:600}.referral-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.referral-status.active{background:#2ecc7133;color:#2ecc71}.referral-status.pending{background:#f1c40f33;color:#f1c40f}.referral-earnings{align-items:center;display:flex;gap:12px}.earning-label{color:#aaa;font-size:14px}.earning-value{color:#fff;font-size:18px;font-weight:700}.earnings-section{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:24px}.earnings-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.earnings-card,.payout-info{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:24px}.earnings-card h3,.payout-info h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px;margin-bottom:20px}.chart-placeholder{align-items:center;background:#1a1a1a;border:2px dashed #333;border-radius:8px;color:#666;display:flex;font-size:18px;height:300px;justify-content:center}.payout-details{display:flex;flex-direction:column;gap:20px}.payout-stat{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding-bottom:12px}.payout-stat:last-child{border-bottom:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{background:#1a1a1a;border-bottom:1px solid #333;border-radius:16px 16px 0 0;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#fff;font-size:20px;gap:10px}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#aaa;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-close:hover{background:#333;color:#fff}.project-form{padding:24px}.form-section{border-bottom:1px solid #333;margin-bottom:30px;padding-bottom:24px}.form-section:last-child{border-bottom:none}.form-section h3{color:#fff;font-size:16px}.form-row{grid-template-columns:1fr 1fr}.form-group{gap:8px}.form-group label{color:#aaa;font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px}.form-group input[type=file]{background:#333;cursor:pointer;padding:8px}.form-actions{border-top:1px solid #333;margin-top:24px}.loading-container{gap:20px;height:400px}.loading-spinner{border:3px solid #333;height:50px;width:50px}@media (max-width:1024px){.earnings-overview,.referral-overview{grid-template-columns:1fr}}@media (max-width:768px){.agent-projects-header{flex-direction:column;gap:20px;text-align:center}.agent-tabs{flex-direction:column}.projects-stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.projects-table{font-size:14px}.projects-table td,.projects-table th{padding:12px 8px}}@media (max-width:480px){.earnings-stats,.overview-stats,.projects-stats{grid-template-columns:1fr}.referral-item{align-items:flex-start;flex-direction:column;gap:12px}.modal-content{margin:10px;width:95%}}.agent-projects-page{background:#fff;color:#333;padding:40px 32px}.agent-projects-header{border-bottom:1px solid #eee}.header-content h1{color:#333;font-size:42px;font-weight:900}.header-content p{color:#777}.agent-tabs{background:#f8f9fb;border:1px solid #eee;border-radius:24px;padding:8px}.tab-button{border-radius:18px;color:#666}.tab-button:hover{background:#eef6ff;color:#0d82ff}.tab-button.active{background:#0d82ff;box-shadow:none;color:#fff}.earnings-card,.earnings-section,.overview-card,.payout-info,.projects-table-section,.referral-earnings,.referral-stats-section,.stat-card,.top-referrals{background:#fff;border:1px solid #eee;border-radius:28px;box-shadow:0 6px 0 #00000014,0 15px 35px #0000000d}.stat-card:hover{border-color:#dcecff;transform:translateY(-3px)}.stat-icon{background:#eef6ff;color:#0d82ff}.earning-label,.stat-content h3,.stat-label{color:#777}.earning-value,.earnings-card h3,.overview-card h3,.payout-info h3,.referral-earnings h3,.referral-name,.section-header h2,.stat-value,.top-referrals h3{color:#333}.projects-table thead{background:#f8f9fb}.projects-table th{border-bottom:1px solid #eee;color:#777}.projects-table td{border-bottom:1px solid #f1f1f1;color:#555}.projects-table tbody tr:hover{background:#f8fbff}.status-rejected{background:#fff1f1;border:1px solid #dc3545;color:#dc3545}.status-active{background:#eef6ff;border:1px solid #0d82ff;color:#0d82ff}.status-default{background:#f3f3f3;color:#888}.engagement-high{background:#ecfff2;color:#1f9d55}.engagement-medium{background:#fff7df;color:#c69200}.engagement-low{background:#fff1f1;color:#dc3545}.engagement-default{background:#f3f3f3;color:#888}.referral-item{background:#fff;border:1px solid #eee}.referral-item:hover{border-color:#0d82ff}.referral-status.active{background:#ecfff2;color:#1f9d55}.referral-status.pending{background:#fff7df;color:#c69200}.action-btn{border-radius:12px}.action-btn.edit{background:#eef6ff;color:#0d82ff}.action-btn.view{background:#f4ecff;color:#7b3ff2}.action-btn.delete{background:#fff1f1;color:#dc3545}.empty-projects{background:#f8fbff;border:1px dashed #cfe5ff;border-radius:24px}.empty-projects h3{color:#333}.empty-projects p{color:#777}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffbf}.modal-content{background:#fff;border:1px solid #eee;border-radius:28px}.modal-header{background:#fff;border-bottom:1px solid #eee}.modal-header h2{color:#333}.modal-close{color:#555}.modal-close:hover{background:#f5f5f5;color:#111}.form-section{border-bottom:1px solid #eee}.form-section h3{color:#333}.form-group input,.form-group select,.form-group textarea{border:1.5px solid #d5d5d5;border-radius:18px;box-shadow:0 10px 24px #0000000a;color:#333}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0d82ff;box-shadow:0 0 0 3px #0d82ff1f,0 10px 24px #0000000f}.form-group input[type=file]{background:#f8f8f8}.form-actions{border-top:1px solid #eee}.chart-placeholder{background:#f8fbff;border:2px dashed #cfe5ff;color:#888}.loading-spinner{border:3px solid #eee}@media (max-width:768px){.agent-projects-page{padding:24px 16px}.header-content h1{font-size:32px}.earnings-card,.earnings-section,.modal-content,.overview-card,.payout-info,.projects-table-section,.referral-earnings,.referral-stats-section,.stat-card,.top-referrals{border-radius:22px}}.agent-dashboard{margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem;text-align:center}.dashboard-header h1{align-items:center;color:#1f2937;display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.5rem}.dashboard-header p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.agent-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:1rem;padding:1.5rem}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.stat-card:nth-child(5) .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-card:nth-child(6) .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-content{flex:1 1}.stat-content h3{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#1f2937;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-subtitle{color:#9ca3af;font-size:.875rem}.stat-link{color:#3b82f6;display:inline-block;font-size:.875rem;font-weight:500;margin-top:.5rem;text-decoration:none;transition:color .2s}.stat-link:hover{color:#1d4ed8}.quick-actions{margin-bottom:3rem}.quick-actions h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.actions-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.action-content{flex:1 1}.action-content h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.action-content p{color:#6b7280;font-size:.875rem;line-height:1.4}.agent-profile-info{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:3rem;padding:2rem}.agent-profile-info h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.profile-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-item{display:flex;flex-direction:column;gap:.5rem}.profile-item .label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.profile-item .value{color:#1f2937;font-size:1.125rem;font-weight:600}.status-approved{background:#d1fae5;color:#10b981}.status-approved,.status-pending{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;gap:.375rem;padding:.25rem .75rem}.status-pending{background:#fef3c7;color:#f59e0b}.recent-projects{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.recent-projects h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.projects-list{align-items:center;display:flex;justify-content:center;min-height:200px}.empty-state{padding:3rem 1rem;text-align:center}.empty-state p{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}.btn-primary{display:inline-block;font-size:.875rem;padding:.75rem 1.5rem;text-decoration:none}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:768px){.agent-dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:1rem}.agent-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.actions-grid,.profile-details{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem;height:50px;width:50px}.stat-value{font-size:1.75rem}}@media (max-width:480px){.dashboard-header h1{font-size:1.75rem}.agent-stats-grid{grid-template-columns:1fr}.action-card{padding:1rem}.action-icon{font-size:1.5rem;height:50px;width:50px}}.agent-dashboard{animation:fadeIn .5s ease-out}.action-card,.stat-card{animation:fadeIn .3s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.action-card:first-child{animation-delay:.2s}.action-card:nth-child(2){animation-delay:.3s}.action-card:nth-child(3){animation-delay:.4s}.action-card:nth-child(4){animation-delay:.5s}.agent-dashboard{background-color:#111827;color:#f9fafb}.action-content h3,.agent-profile-info h2,.dashboard-header h1,.dashboard-header p,.profile-item .value,.quick-actions h2,.recent-projects h2,.stat-content h3,.stat-value{color:#f9fafb}.action-card,.agent-profile-info,.recent-projects,.stat-card{background-color:#1f2937;border-color:#374151}.profile-item .label,.stat-content h3{color:#d1d5db}.action-content p,.empty-state p,.stat-subtitle{color:#9ca3af}.action-icon{background:linear-gradient(135deg,#374151,#4b5563)}.stat-link{color:#60a5fa}.stat-link:hover{color:#93c5fd}.stat-card:nth-child(3) .stat-icon{animation:pulse 2s ease-in-out infinite}.agent-dashboard{background:#fff;color:#333;max-width:1400px;padding:40px 32px}.dashboard-header h1{color:#333;font-size:42px;font-weight:900}.dashboard-header p{color:#777}.action-card,.agent-profile-info,.recent-projects,.stat-card{background:#fff;border:1px solid #eee;border-radius:28px;box-shadow:0 6px 0 #00000014,0 15px 35px #0000000d}.action-card:hover,.stat-card:hover{border-color:#dcecff;box-shadow:0 8px 0 #00000014,0 20px 40px #00000014;transform:translateY(-3px)}.profile-item .label,.stat-content h3{color:#777}.action-content h3,.agent-profile-info h2,.profile-item .value,.quick-actions h2,.recent-projects h2,.stat-value{color:#333}.action-content p,.empty-state p,.stat-subtitle{color:#777}.action-icon,.stat-icon{background:#eef6ff!important;border-radius:20px;color:#0d82ff!important}.quick-actions{background:#0000}.action-card{color:inherit}.action-card:hover{background:#f8fbff}.stat-link{color:#0d82ff}.stat-link:hover{color:#006fe6}.status-approved{background:#ecfff2;border:1px solid #1f9d55;color:#1f9d55}.status-pending{background:#fff7df;border:1px solid #ffd24a;color:#c69200}.btn-primary{background:#0d82ff;box-shadow:none;font-weight:700;padding:14px 26px}.btn-primary:hover{background:#006fe6;box-shadow:none;transform:none}.empty-state{background:#f8fbff;border:1px dashed #cfe5ff;border-radius:24px;width:100%}@media (max-width:768px){.agent-dashboard{padding:24px 16px}.dashboard-header h1{font-size:32px}.action-card,.agent-profile-info,.recent-projects,.stat-card{border-radius:22px}}.agent-profile{animation:fadeIn .4s ease-out;background:#f5f7fb;margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);padding:40px 32px}.profile-header{border-bottom:2px solid #eef2f6;margin-bottom:40px;padding-bottom:24px;text-align:center}.profile-header h1{align-items:center;color:#1e293b;display:flex;font-size:2.5rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:12px}.profile-header p{color:#64748b;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.profile-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#07f;box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.stat-card h3{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-card .stat-value{color:#1e293b;font-size:2rem;font-weight:700}.status-badge{border-radius:30px;margin-top:8px;padding:6px 14px}.status-badge.approved{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#ed6c02}.status-badge.rejected{background:#fef2f2;color:#dc2626}.profile-form{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 4px 20px #0000000a;margin-bottom:32px;padding:32px}.message{align-items:center;border-radius:16px;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 20px}.message.success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.info{background:#e3f2fd;border:1px solid #bbdefb;color:#07f}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{align-items:center;border-bottom:2px solid #eef2f6;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:12px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#1e293b;display:block;font-size:.85rem;margin-bottom:8px}.form-group label.required:after{color:#dc2626;content:" *"}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:.9rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#07f;box-shadow:0 0 0 3px #0077ff1a;outline:none}.form-group input:disabled{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.form-group .form-help{color:#64748b;display:block;font-size:.7rem;margin-top:6px}.specialization-select{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.specialization-option{flex:1 1;min-width:140px}.specialization-option input[type=radio]{display:none}.specialization-option label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:14px 18px;transition:all .3s ease}.specialization-option label:hover{background:#f8fafc;border-color:#07f}.specialization-option input[type=radio]:checked+label{background:#e3f2fd;border-color:#07f;color:#07f}.specialization-option .option-icon{font-size:1.2rem}.specialization-option .option-text{flex:1 1}.form-actions{border-top:2px solid #eef2f6;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-primary{background:#07f;border-radius:40px;font-size:.9rem;min-width:160px;padding:12px 28px}.btn-primary:hover:not(:disabled){background:#06d;box-shadow:0 6px 16px #0077ff4d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6}.btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:40px;font-size:.9rem;font-weight:600;padding:12px 28px}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-danger{background:#dc2626;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.profile-actions{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 4px 20px #0000000a;margin-bottom:32px;padding:28px 32px}.profile-actions h3{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:20px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;color:#1e293b;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;justify-content:center;padding:16px;text-align:center;transition:all .3s ease}.action-btn:hover{background:#fff;border-color:#07f;box-shadow:0 4px 12px #0077ff1a;transform:translateY(-2px)}.profile-avatar-section{align-items:center;display:flex;flex-wrap:wrap;gap:28px;margin-bottom:28px}.avatar-container{position:relative}.avatar-display{background:linear-gradient(135deg,#07f,#05c);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 20px #07f3;font-size:2.5rem;font-weight:700;height:100px;width:100px}.avatar-display,.avatar-upload-btn{align-items:center;color:#fff;display:flex;justify-content:center}.avatar-upload-btn{background:#07f;border:none;border-radius:50%;bottom:0;box-shadow:0 2px 6px #0077ff4d;cursor:pointer;height:36px;position:absolute;right:0;transition:all .3s ease;width:36px}.avatar-upload-btn:hover{background:#06d;transform:scale(1.1)}.avatar-info{flex:1 1}.avatar-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:6px}.avatar-info p{color:#64748b;font-size:.85rem}.experience-slider{align-items:center;display:flex;gap:16px;margin-top:8px}.experience-slider input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:10px;flex:1 1;height:6px;outline:none}.experience-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#07f;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0077ff4d;cursor:pointer;height:20px;width:20px}.experience-slider input[type=range]::-moz-range-thumb{background:#07f;border:3px solid #fff;border-radius:50%;cursor:pointer;height:20px;width:20px}.experience-value{color:#07f;font-size:1rem;font-weight:700;min-width:60px;text-align:center}.verification-section{background:linear-gradient(135deg,#fff8e8,#fff3e0);border:1px solid #ffd36a;border-radius:20px;margin-bottom:28px;padding:20px 24px}.verification-section h4{align-items:center;color:#b45309;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:12px}.verification-section p{color:#b45309;font-size:.85rem;margin-bottom:16px}.verification-steps{display:flex;flex-direction:column;gap:12px}.verification-step{gap:12px}.step-status{align-items:center;border-radius:50%;display:flex;font-size:.7rem;font-weight:600;height:24px;justify-content:center;width:24px}.step-status.completed{background:#00a86b;color:#fff}.step-status.pending{background:#ff9500;color:#fff}.step-text{color:#b45309;flex:1 1;font-size:.85rem}.delete-account-section{border-top:2px solid #fef2f2;margin-top:32px;padding-top:24px}.delete-account-section h3{color:#dc2626;font-size:1rem;font-weight:600;margin-bottom:8px}.delete-account-section p{color:#64748b;font-size:.85rem;margin-bottom:16px}.loading{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:28px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading p{color:#64748b;font-size:.9rem}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc2626}.form-group.error .error-message{align-items:center;color:#dc2626;display:flex;font-size:.75rem;gap:6px;margin-top:6px}.profile-actions,.profile-form,.stat-card{animation:fadeIn .3s ease-out}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}@media (max-width:1024px){.profile-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.agent-profile{padding:24px 16px}.profile-header h1{font-size:1.8rem}.profile-header p{font-size:.9rem}.profile-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.profile-form{border-radius:20px;padding:20px}.form-section h3{font-size:1rem}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}.actions-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.profile-avatar-section{flex-direction:column;gap:20px;text-align:center}.specialization-select{flex-direction:column}.specialization-option{min-width:auto}.verification-steps{gap:10px}}@media (max-width:480px){.agent-profile{padding:16px 12px}.actions-grid,.profile-stats{grid-template-columns:1fr}.stat-card{padding:18px}.stat-card .stat-value{font-size:1.6rem}.profile-header h1{font-size:1.5rem}.form-actions{gap:12px}.message{font-size:.8rem;padding:12px 16px}.verification-section{padding:16px}}.action-btn:focus,.avatar-upload-btn:focus,.btn-danger:focus,.btn-primary:focus,.btn-secondary:focus{outline:2px solid #07f;outline-offset:2px}.agent-profile::-webkit-scrollbar{width:8px}.agent-profile::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.agent-profile::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.agent-profile::-webkit-scrollbar-thumb:hover{background:#64748b}.agent-earnings{margin:0 auto;max-width:1400px;padding:2rem}.earnings-header{margin-bottom:3rem;text-align:center}.earnings-header h1{align-items:center;color:#1f2937;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:.75rem}.earnings-header p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:800px}.earnings-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.earnings-stat-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.earnings-stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.earnings-stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.earnings-stat-card:first-child .stat-icon{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.earnings-stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.earnings-stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.earnings-stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.earnings-stat-card .stat-content{flex:1 1}.earnings-stat-card h3{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.earnings-stat-card .stat-value{color:#1f2937;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.earnings-stat-card .stat-subtitle{color:#9ca3af;font-size:.875rem}.withdrawal-section{margin-bottom:3rem}.withdrawal-section h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.withdrawal-card{grid-gap:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}@media (max-width:1024px){.withdrawal-card{grid-template-columns:1fr}}.withdrawal-info h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.withdrawal-info>p{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}.withdrawal-form{margin-top:1.5rem}.withdrawal-form .form-group{margin-bottom:1.5rem}.withdrawal-form label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.withdrawal-form input,.withdrawal-form select{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.withdrawal-form input:focus,.withdrawal-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.withdrawal-form input::placeholder{color:#9ca3af}.amount-help{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin-top:.5rem}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.btn-link:hover{color:#1d4ed8}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;font-size:1rem;font-weight:500;margin-top:1rem;padding:.875rem 2rem;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-withdraw{background:linear-gradient(135deg,#10b981,#047857)}.btn-withdraw:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d}.withdrawal-note{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-top:1.5rem;padding:1rem}.withdrawal-note p{color:#92400e;font-size:.875rem;line-height:1.4;margin:0}.payment-methods h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.methods-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.method-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:1.25rem;text-align:center;transition:all .2s ease}.method-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.method-card.active{background-color:#eff6ff;border-color:#3b82f6}.method-icon{font-size:2rem;margin-bottom:.75rem}.method-name{color:#1f2937;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.method-fee{color:#10b981;font-size:.75rem;font-weight:500}.earnings-history,.withdrawal-history{margin-bottom:3rem}.earnings-history h2,.withdrawal-history h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.history-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.history-table table{border-collapse:collapse;width:100%}.history-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.history-table th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.history-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.history-table tbody tr:hover{background-color:#f9fafb}.history-table tbody tr:last-child{border-bottom:none}.history-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.5rem}.history-table td:first-child{font-weight:500}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge.paid{background-color:#d1fae5;color:#065f46}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.completed{background-color:#dbeafe;color:#1e40af}.history-table td:nth-child(3){color:#059669;font-weight:600}@media (max-width:768px){.agent-earnings{padding:1rem}.earnings-header h1{font-size:2rem}.earnings-header p{font-size:1rem}.earnings-stats{grid-template-columns:repeat(2,1fr)}.earnings-stat-card{padding:1rem}.earnings-stat-card .stat-icon{font-size:1.5rem;height:50px;width:50px}.earnings-stat-card .stat-value{font-size:1.5rem}.withdrawal-card{padding:1.5rem}.history-table td,.history-table th{padding:.75rem 1rem}.methods-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.earnings-stats{grid-template-columns:1fr}.history-table{overflow-x:auto}.history-table table{min-width:600px}.methods-grid{grid-template-columns:repeat(3,1fr)}}.agent-earnings{animation:slideIn .5s ease-out}.earnings-stat-card,.history-table,.withdrawal-card{animation:slideIn .4s ease-out}.earnings-stat-card:first-child{animation-delay:.1s}.earnings-stat-card:nth-child(2){animation-delay:.2s}.earnings-stat-card:nth-child(3){animation-delay:.3s}.earnings-stat-card:nth-child(4){animation-delay:.4s}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6}.agent-earnings{background-color:#111827;color:#f9fafb}.earnings-header h1,.earnings-header p,.earnings-history h2,.earnings-stat-card .stat-value,.earnings-stat-card h3,.history-table td,.method-name,.payment-methods h3,.withdrawal-history h2,.withdrawal-info h3,.withdrawal-info>p,.withdrawal-section h2{color:#f9fafb}.earnings-stat-card,.history-table,.method-card,.withdrawal-card{background-color:#1f2937;border-color:#374151}.history-table thead{background-color:#374151}.history-table th{color:#d1d5db}.history-table tbody tr:hover{background-color:#374151}.amount-help,.earnings-stat-card .stat-subtitle,.withdrawal-form input::placeholder{color:#9ca3af}.withdrawal-form input,.withdrawal-form select{background-color:#374151;border-color:#4b5563;color:#f9fafb}.btn-link{color:#60a5fa}.btn-link:hover{color:#93c5fd}.withdrawal-note{background-color:#78350f;border-left-color:#f59e0b}.withdrawal-note p{color:#fef3c7}.method-card.active,.method-card:hover{background-color:#374151;border-color:#3b82f6}.status-badge.paid{background-color:#065f46;color:#d1fae5}.status-badge.pending{background-color:#92400e;color:#fef3c7}.status-badge.completed{background-color:#1e40af;color:#dbeafe}.history-table td:nth-child(3){color:#34d399}.loading-overlay{background:#111827e6}.loading-spinner{border-color:#3b82f6 #4b5563 #4b5563}.action-card,.btn-primary,.earnings-stat-card,.method-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.withdrawal-progress{margin-top:1rem}.progress-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#10b981,#047857);height:100%;transition:width .3s ease;width:0}.progress-label{justify-content:space-between}.min-amount-info,.progress-label{color:#6b7280;display:flex;font-size:.75rem}.min-amount-info{align-items:center;gap:.5rem;margin-top:.5rem}.min-amount-info:before{content:"ℹ️"}.withdrawal-success{display:none;padding:2rem;text-align:center}.withdrawal-success.show{display:block}.success-icon{font-size:3rem;margin-bottom:1rem}.withdrawal-success h3{color:#10b981;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.withdrawal-success p{color:#6b7280;margin-bottom:1.5rem}.income-type-badge{border-radius:12px;display:inline-block;font-size:.625rem;font-weight:600;letter-spacing:.05em;margin-left:.5rem;padding:.125rem .5rem;text-transform:uppercase;vertical-align:middle}.income-type-badge.commission{background-color:#dbeafe;color:#1e40af}.income-type-badge.bonus{background-color:#fef3c7;color:#92400e}.income-type-badge.referral{background-color:#d1fae5;color:#065f46}.agent-earnings{background:#fff;color:#333;padding:40px 32px}.earnings-header h1{color:#333;font-size:42px;font-weight:900}.earnings-header p{color:#777}.earnings-stat-card,.history-table,.method-card,.withdrawal-card{background:#fff;border:1px solid #eee;border-radius:28px;box-shadow:0 6px 0 #00000014,0 15px 35px #0000000d}.earnings-stat-card:hover,.method-card:hover{border-color:#dcecff;transform:translateY(-3px)}.amount-help,.earnings-stat-card h3,.min-amount-info,.progress-label{color:#777}.earnings-history h2,.earnings-stat-card .stat-value,.history-table td,.method-name,.payment-methods h3,.withdrawal-history h2,.withdrawal-info h3,.withdrawal-section h2{color:#333}.earnings-stat-card .stat-subtitle,.withdrawal-info>p,.withdrawal-success p{color:#888}.earnings-stat-card .stat-icon{background:#eef6ff!important;border-radius:18px;color:#0d82ff!important}.withdrawal-form label{color:#333;font-weight:600}.withdrawal-form input,.withdrawal-form select{background:#fff;border:1.5px solid #d5d5d5;border-radius:18px;box-shadow:0 10px 24px #0000000a;color:#333}.withdrawal-form input::placeholder{color:#999}.withdrawal-form input:focus,.withdrawal-form select:focus{border-color:#0d82ff;box-shadow:0 0 0 3px #0d82ff1f,0 10px 24px #0000000f}.btn-primary,.btn-withdraw{background:#0d82ff;border-radius:999px;box-shadow:none;font-weight:700}.btn-primary:hover,.btn-withdraw:hover{background:#006fe6;box-shadow:none;transform:none}.btn-link{color:#0d82ff}.btn-link:hover{color:#006fe6}.method-card{border-radius:20px}.method-card.active{background:#eef6ff;border-color:#0d82ff}.method-name{color:#333}.method-fee{color:#1f9d55}.history-table{overflow:hidden}.history-table thead{background:#f8f9fb}.history-table th{color:#777}.history-table tbody tr:hover{background:#f8fbff}.history-table tbody tr{border-bottom:1px solid #f1f1f1}.history-table td:nth-child(3){color:#1f9d55;font-weight:700}.status-badge{border-radius:999px}.status-badge.paid{background:#ecfff2;color:#1f9d55}.status-badge.pending{background:#fff7df;color:#c69200}.income-type-badge.commission,.status-badge.completed{background:#eef6ff;color:#0d82ff}.income-type-badge.bonus{background:#fff7df;color:#c69200}.income-type-badge.referral{background:#ecfff2;color:#1f9d55}.withdrawal-note{background:#fff8e8;border-left:4px solid #ffb300}.withdrawal-note p{color:#8a5a00}.withdrawal-success h3{color:#1f9d55}.loading-overlay{background:#ffffffd9}.loading-spinner{border:3px solid #e5e5e5;border-top-color:#0d82ff}.progress-bar{background:#eee}.progress-fill{background:#0d82ff}@media (max-width:768px){.agent-earnings{padding:24px 16px}.earnings-header h1{font-size:32px}.earnings-stat-card,.history-table,.withdrawal-card{border-radius:22px}}.auth-container{background:linear-gradient(0deg,#242424,#242424),linear-gradient(180deg,#0000 43.47%,#000c 74.52%)}.auth-card{background:#333;border:1px solid #444;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:40px}.auth-header{margin-bottom:10px}.auth-header h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:8px}.auth-header p{color:#ccc;font-size:1.1rem}.auth-form{gap:5px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;display:flex;font-size:.95rem;font-weight:600;margin-bottom:0}.form-group input{background:#444;border:2px solid #555;border-radius:12px;color:#fff;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-group input:focus{background:#555;border-color:#07f;box-shadow:0 0 0 3px #07f3;outline:none}.form-group input::placeholder{color:#888}.form-checkbox{align-items:flex-start;display:flex;gap:10px;margin:10px 0}.form-checkbox input[type=checkbox]{margin-top:2px}.form-checkbox label{color:#000;font-size:.9rem;line-height:1.4;text-align:left}.form-checkbox a{color:#07f;text-decoration:none}.form-checkbox a:hover{text-decoration:underline}.auth-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.auth-button.primary{background:#07f;box-shadow:0 4px 15px #0077ff4d}.auth-button.primary:hover:not(:disabled){background:#05c;box-shadow:0 8px 25px #07f6;transform:translateY(-2px)}.auth-button.primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-button.demo{background:#0000;border:2px solid #07f;color:#07f;width:100%}.auth-button.demo:hover{background:#07f;color:#fff}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:before{background:#555;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#333;color:#ccc;font-size:.9rem;padding:0 15px}.auth-footer{border-top:1px solid #555;margin-top:25px;padding-top:20px}.auth-footer p{color:#ccc;margin:0 0 10px}.auth-footer a{color:#07f;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.forgot-link{color:#ccc;font-size:.9rem;text-decoration:none}.forgot-link:hover{color:#07f;text-decoration:underline}.auth-error{background:#422;border:1px solid #f44;border-radius:12px;color:#f66;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.loading-container{align-items:center;background:#f5f7fb;background:#fff;background:linear-gradient(135deg,#f5f7fb,#fff);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #e2e8f0;height:48px;width:48px}.loading-container p{color:#64748b;font-size:1rem;font-weight:500}.loading-card{animation:fadeIn .3s ease-out;background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 4px 20px #0000000a;padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #555;border-left-color:#07f;margin-bottom:16px}.account-type-selector{gap:15px;margin-bottom:10px}.account-type-option{flex:1 1}.account-type-option input[type=radio]{display:none}.account-type-card{border:2px solid #555;padding:20px;text-align:center}.account-type-option input[type=radio]:checked+.account-type-card{background:linear-gradient(135deg,#444,#555);box-shadow:0 4px 15px #07f3}.account-type-option:hover .account-type-card{border-color:#666}.account-type-icon{color:#07f;font-size:2.5rem;margin-bottom:10px}.account-type-info h4{color:#fff;font-size:1.1rem;margin:0 0 8px}.account-type-info p{color:#ccc;font-size:.85rem;line-height:1.4}.benefits-section{background:#444;border:1px solid #555;border-radius:12px;margin-top:25px;padding:20px}.benefits-section h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px}.benefits-section ul{list-style-type:none;margin:0}.benefits-section li{color:#ccc;font-size:.9rem;line-height:1.4;margin-bottom:6px;text-align:left}.benefits-section li:before{color:#07f;content:"•";display:inline-block;display:none;font-weight:700;margin-left:-1em;width:1em}.form-label{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}@media (max-width:480px){.auth-card{margin:10px;padding:30px 20px}.auth-header h1{font-size:1.7rem}}@media (max-width:768px){.account-type-selector{flex-direction:column}.account-type-card{padding:15px}.account-type-icon{font-size:2rem}}.agent-note{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:4px;font-size:.9rem;margin-top:15px;padding:12px 16px}.agent-note p{color:#6c757d;margin:0}.form-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.account-type-selector{display:flex;flex-direction:column;gap:12px;margin-top:8px}.account-type-option{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.account-type-option input[type=checkbox]{cursor:pointer;display:none;height:20px;margin-top:16px;width:20px}.account-type-card{background:#444;border:2px solid #e0e0e0;border-radius:12px;flex:1 1;gap:16px;padding:16px;transition:all .3s ease}.account-type-card.selected{background:#f0fff0;border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.account-type-icon{font-size:32px;min-width:48px}.account-type-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.account-type-info p{color:#666;font-size:14px;margin:0}.account-type-hint{background:#e3f2fd;border-radius:8px;color:#1976d2;font-size:14px;margin-top:8px;padding:12px}.form-row{display:flex;gap:16px}.form-group.half{flex:1 1}.special-benefit{background:#fff3e0;border-radius:6px;color:#f57c00;padding:8px 12px}.verification-note{background:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;font-size:14px;margin-top:16px;padding:12px}@media (max-width:768px){.account-type-card{flex-direction:column;gap:8px}.form-row{flex-direction:column;gap:0}}.selected h4{color:#444}.special-benefit{background:linear-gradient(135deg,#2a3a2a,#2a4030);border:1px solid #4caf50;border-radius:14px;box-shadow:0 4px 12px #4caf5033;color:#e0e0e0;font-size:15px;font-weight:500;list-style:none!important;margin:16px 0 8px;padding:16px 20px 16px 52px;position:relative;transition:all .3s ease}.special-benefit:hover{background:linear-gradient(135deg,#2f4430,#2f4a35);border-color:#66bb6a;box-shadow:0 8px 20px #4caf504d;transform:translateY(-2px)}.special-benefit:before{content:"✨";display:none;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));font-size:22px;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.special-benefit:after{background:linear-gradient(180deg,#4caf50,#8bc34a);border-radius:4px 0 0 4px;bottom:0;content:"";display:none;left:0;position:absolute;top:0;width:4px}.benefits-section .special-benefit{margin-left:0;margin-right:0}.special-benefit.gold{background:linear-gradient(135deg,#3a3520,#4a4020);border-color:#ffc107;box-shadow:0 4px 12px #ffc10726}.special-benefit.gold:before{content:"🌟"}.special-benefit.gold:after{background:linear-gradient(180deg,#ffc107,#ffb300)}.special-benefit.gold:hover{border-color:#ffca2c;box-shadow:0 8px 20px #ffc10740}.special-benefit.blue{background:linear-gradient(135deg,#1a3a4a,#1a4050);border-color:#07f;box-shadow:0 4px 12px #07f3}.special-benefit.blue:before{content:"💎"}.special-benefit.blue:after{background:linear-gradient(180deg,#07f,#4da3ff)}.special-benefit.blue:hover{border-color:#4da3ff;box-shadow:0 8px 20px #0077ff4d}@keyframes starPulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.special-benefit:before{animation:starPulse 2s ease-in-out infinite}@media (max-width:768px){.special-benefit{font-size:14px;padding:14px 16px 14px 48px}.special-benefit:before{font-size:20px;left:14px}}.verification-note{background:linear-gradient(135deg,#2a2f3a,#252a33);border-left:none;border-radius:16px;box-shadow:0 4px 15px #0000004d;color:#e0e0e0;font-size:15px;margin-top:24px;overflow:hidden;padding:20px 24px;position:relative}.verification-note:before{background:radial-gradient(circle,#ff98001a 0,#0000 70%);height:100px;right:-10px;top:-10px;width:100px}.verification-note:after,.verification-note:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.verification-note:after{background:radial-gradient(circle,#2196f31a 0,#0000 70%);bottom:-10px;height:80px;left:-10px;width:80px}.verification-note p{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin:0;position:relative;z-index:1}.verification-note strong{align-items:center;color:#ffb74d;display:flex;font-weight:600;gap:6px;white-space:nowrap}.verification-note strong:before{animation:hourglassRotate 2s ease-in-out infinite;content:"⏳";font-size:18px}.verification-note span{color:#b0b0b0;flex:1 1;line-height:1.6}.verification-status{align-items:center;border-top:1px solid #404040;display:flex;gap:24px;margin-top:16px;padding-top:16px}.verification-step{align-items:center;color:#888;display:flex;font-size:13px;gap:8px}.verification-step.active{color:#ffb74d}.verification-step.completed{color:#4caf50}.verification-step .step-icon{align-items:center;background:#333;border-radius:50%;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.verification-step.active .step-icon{background:#ffb74d20;color:#ffb74d}.verification-step.completed .step-icon{background:#4caf5020;color:#4caf50}.verification-progress{background:#333;height:6px;margin-top:16px}.verification-progress,.verification-progress-bar{border-radius:3px;overflow:hidden;position:relative}.verification-progress-bar{background:linear-gradient(90deg,#ffb74d,#ff9800);height:100%;transition:width .5s ease;width:0}.verification-progress-bar:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.verification-timer{align-items:center;background:#1e1e1e;border-radius:20px;color:#888;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.verification-timer:before{content:"🕐";font-size:14px}@keyframes hourglassRotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.verification-note.with-icon{align-items:flex-start;display:flex;gap:16px}.verification-note-icon{align-items:center;background:linear-gradient(135deg,#ffb74d20,#ff980020);border-radius:14px;color:#ffb74d;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.verification-note-content{flex:1 1}.verification-note-title{align-items:center;color:#ffb74d;display:flex;font-weight:600;gap:8px;margin-bottom:4px}.verification-note.compact{padding:16px 20px}.verification-note.compact p{align-items:center}.verification-note.compact strong{white-space:normal}@media (max-width:768px){.verification-note{font-size:14px;padding:16px 18px}.verification-note p{align-items:flex-start;flex-direction:column;gap:8px}.verification-note strong{white-space:normal}.verification-status{align-items:flex-start;flex-direction:column;gap:12px}.verification-note.with-icon{align-items:center;flex-direction:column;text-align:center}.verification-note-icon{margin-bottom:8px}}.auth-container .functions-checklist{grid-gap:10px;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:8px;padding:16px}.auth-container .checkbox-label{align-items:center;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;gap:20px;padding:6px 10px;text-align:left;transition:background-color .2s}.auth-container .checkbox-label:hover{background-color:#4a4a4a}.auth-container .checkbox-label input[type=checkbox]{accent-color:#07f;cursor:pointer;height:18px;width:18px}.welcome-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 4px 6px #667eea40;color:#fff;display:flex;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:8px 16px}.welcome-icon{font-size:1.2rem}.welcome-text{font-size:.95rem}.auth-header h1{margin-top:8px}.checkbox-grid{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:12px;margin-top:8px;max-height:300px;overflow-y:auto;padding:4px}.checkbox-option{background:#fff;border:1px solid #e2e8f0;border-radius:6px;gap:8px;padding:8px 12px}.checkbox-option:hover{background:#f1f5f9;border-color:#94a3b8}.checkbox-option input[type=checkbox]{height:18px;width:18px}.checkbox-option span{color:#1e293b;font-size:14px;-webkit-user-select:none;user-select:none}.selected-count{font-size:13px;margin-top:8px;text-align:right}@media (max-width:768px){.checkbox-grid{grid-template-columns:1fr;max-height:400px}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.animate-slide-in{animation:slideIn .3s ease-out}.referral-badge{display:inline-block;font-size:.875rem;font-weight:500}.referral-info{border-left:4px solid #3b82f6}.utm-info{border-left:4px solid #8b5cf6}.checkbox-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:.5rem}.checkbox-option{align-items:center;background-color:#f3f4f6;border-radius:.375rem;cursor:pointer;display:flex;padding:.5rem;transition:all .2s}.checkbox-option:hover{background-color:#e5e7eb}.checkbox-option input[type=checkbox]{cursor:pointer;height:1rem;margin-right:.5rem;width:1rem}.selected-count{color:#fff;font-size:.875rem;margin-top:.25rem}.fixed.top-4.right-4{max-width:350px;z-index:9999}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:1}.password-toggle-btn:hover{color:#333}.password-toggle-btn:focus{color:#000;outline:none}.demo-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background-color .2s ease;width:100%}.demo-button:hover:not(:disabled){background-color:#5a6268}.demo-button:disabled{cursor:not-allowed;opacity:.6}.auth-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border:1px solid #eee;border-radius:28px;box-shadow:0 6px 0 #00000024,0 18px 35px #00000014;max-width:520px;padding:38px 42px 28px;width:100%}.auth-header{margin-bottom:28px;text-align:center}.auth-header h1{color:#333;font-size:38px;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin:0 0 26px}.auth-header p{color:#333;font-size:17px;font-weight:600;margin:0}.auth-form{gap:12px}.form-group label{color:#333;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.password-input-wrapper input{background:#fff;border:1.5px solid #b9b9b9;border-radius:999px;box-shadow:0 12px 24px #00000014;color:#333;font-size:15px;font-weight:700;height:58px;padding:0 20px;width:100%}.form-group input::placeholder{color:#333;opacity:1}.form-group input:focus,.password-input-wrapper input:focus{background:#fff;border-color:#1683ff;box-shadow:0 0 0 3px #1683ff24,0 12px 24px #00000014;outline:none}.auth-button.primary{background:#0d82ff;border-radius:999px;box-shadow:none;color:#fff;font-size:15px;font-weight:800;height:60px;margin-top:18px}.auth-button.primary:hover:not(:disabled){background:#006fe6;box-shadow:none;transform:none}.auth-footer{border-top:none;margin-top:26px;padding-top:0;text-align:center}.auth-footer p{color:#333;font-size:17px;margin:0}.auth-footer a,.forgot-link{color:#07f;font-weight:700;text-decoration:none}.auth-error{background:#fff0f0;border:1px solid #ffb8b8;border-radius:14px;color:#d93025}.password-toggle-btn{color:#333;right:18px}@media (max-width:560px){.auth-card{border-radius:24px;max-width:100%;padding:32px 22px 24px}.auth-header h1{font-size:30px}.auth-footer p,.auth-header p{font-size:15px}}.account-type-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #00000005;cursor:pointer;display:flex;gap:18px;padding:20px 24px;transition:all .25s ease}.account-type-option:hover .account-type-card{background:#fafcff;border-color:#cbd5e1;box-shadow:0 8px 20px #0000000f;transform:translateY(-2px)}.account-type-option input[type=radio]:checked+.account-type-card{background:linear-gradient(135deg,#fff,#f8fbff);border-color:#07f;box-shadow:0 8px 25px #0077ff1f;position:relative}.account-type-option input[type=radio]:checked+.account-type-card:after{align-items:center;background:#07f;border-radius:30px;box-shadow:0 2px 6px #0077ff4d;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:20px;top:16px;width:24px}.account-type-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));font-size:42px;min-width:56px;text-align:center}.account-type-info{flex:1 1;text-align:left}.welcome-video-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.welcome-video-modal{animation:slideUp .4s ease;background:#fff;border-radius:24px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.video-close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .2s;width:36px;z-index:10}.video-close-btn:hover{background:#0003;transform:scale(1.1)}.video-header{border-bottom:1px solid #e9ecef;padding:24px 24px 16px;text-align:center}.video-title{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.video-icon{font-size:32px}.video-header h2{color:#212529;font-size:24px;margin:0}.video-subtitle{color:#6c757d;font-size:14px;margin:0}.video-container{background:#000;padding:20px}.video-container iframe{border-radius:12px;width:100%}.video-info{padding:24px}.info-section{margin-bottom:24px}.info-section h3{color:#212529;font-size:18px;margin:0 0 12px}.info-section p{color:#6c757d;line-height:1.6;margin:0}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.role-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;padding:20px;transition:all .3s ease}.role-card:hover{border-color:#07f;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.role-icon{font-size:36px;margin-bottom:12px}.role-card h4{color:#212529;font-size:16px;margin:0 0 8px}.role-card p{color:#6c757d;font-size:13px;line-height:1.5;margin-bottom:12px}.role-card ul{list-style:none;margin:0;padding:0}.role-card li{color:#28a745;font-size:12px;margin-bottom:6px}.video-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}.btn-skip{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.btn-skip:hover{background:#e9ecef}.btn-continue{background:linear-gradient(135deg,#07f,#05c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.btn-continue:hover{box-shadow:0 4px 12px #0077ff4d;transform:translateY(-1px)}@media (max-width:768px){.welcome-video-modal{max-height:95vh;width:95%}.roles-grid{gap:16px;grid-template-columns:1fr}.video-header h2{font-size:18px}.video-container iframe{height:250px}.video-actions{flex-direction:column}.btn-continue,.btn-skip{width:100%}.video-info{padding:20px}}.watch-video-btn-container{margin-bottom:20px;text-align:center}.watch-video-btn{align-items:center;background:none;border:1px solid #07f;border-radius:30px;color:#07f;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 20px;transition:all .2s}.watch-video-btn:hover{background:#0077ff1a;transform:translateY(-1px)}.play-icon{font-size:12px}.auth-container .info-section{background:#f8f9fc;border:1px solid #e8ecf2;border-radius:20px;box-shadow:0 2px 8px #0000000a;margin:8px 0 16px;padding:24px 20px 20px 35px;transition:all .3s ease}.auth-container .info-section h3{align-items:center;color:#1a1a2e;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:-.3px;margin:0 0 14px}.auth-container .info-section h3:after{background:linear-gradient(90deg,#dce1ea,#0000);content:"";flex:1 1;height:1px;margin-left:8px}.auth-container .info-section .info-intro{border-bottom:1px solid #e8ecf2;color:#2d3748;font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:12px}.auth-container .info-section .info-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.auth-container .info-section .info-list li{background:#fff;border:1px solid #e8ecf2;border-radius:14px;box-shadow:0 1px 3px #0000000a;color:#2d3748;font-size:14px;line-height:1.5;padding:14px 16px 14px 52px;position:relative;transition:all .25s ease}.auth-container .info-section .info-list li:hover{background:#f5f7fb;border-color:#d0d7e3;box-shadow:0 4px 12px #0000000f;transform:translateX(3px)}.auth-container .info-section .info-list li strong{color:#1a1a2e;display:block;font-size:14px;font-weight:700;margin-bottom:2px}.auth-container .info-section .info-list li .li-icon{align-items:center;background:#f0f2f7;border:1px solid #e8ecf2;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:30px;justify-content:center;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.auth-container .info-section .info-list li:first-child{background:linear-gradient(135deg,#f6fdf6,#fafffa);border-color:#c8e6c9}.auth-container .info-section .info-list li:first-child strong{color:#2e7d32}.auth-container .info-section .info-list li:first-child .li-icon{background:#e8f5e9;border-color:#a5d6a7}.auth-container .info-section .info-list li:nth-child(2){background:linear-gradient(135deg,#f5faff,#fafdff);border-color:#bbdefb}.auth-container .info-section .info-list li:nth-child(2) strong{color:#0d47a1}.auth-container .info-section .info-list li:nth-child(2) .li-icon{background:#e3f2fd;border-color:#90caf9}.auth-container .info-section .info-list li:nth-child(3){background:linear-gradient(135deg,#fbf5fd,#fefaff);border-color:#e1bee7}.auth-container .info-section .info-list li:nth-child(3) strong{color:#6a1b9a}.auth-container .info-section .info-list li:nth-child(3) .li-icon{background:#f3e5f5;border-color:#ce93d8}@media (max-width:560px){.auth-container .info-section{border-radius:16px;padding:18px 14px 16px}.auth-container .info-section h3{font-size:16px}.auth-container .info-section .info-list li{font-size:13px;padding:12px 14px 12px 44px}.auth-container .info-section .info-list li .li-icon{font-size:15px;height:26px;left:10px;width:26px}.auth-container .info-section .info-list li strong{font-size:13px}}@keyframes infoFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-container .info-section .info-list li{animation:infoFadeIn .4s ease forwards}.auth-container .info-section .info-list li:first-child{animation-delay:.05s}.auth-container .info-section .info-list li:nth-child(2){animation-delay:.1s}.auth-container .info-section .info-list li:nth-child(3){animation-delay:.15s}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App,body{background:#f5f7fb}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{background:#f5f7fb;flex:1 1;padding-top:80px}.btn-primary{align-items:center;background-color:#07f;border:none;border-radius:999px;box-shadow:0 2px 6px #07f3;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background-color:#06d;box-shadow:0 6px 14px #0077ff4d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#1e293b;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#e2e8f0;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.btn-outline{background-color:initial;border:2px solid #07f;border-radius:999px;color:#07f;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-outline:hover{background:#07f;box-shadow:0 4px 12px #07f3;color:#fff;transform:translateY(-1px)}.card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 4px 20px #0000000a;margin:12px;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.text-primary{color:#07f}.text-secondary{color:#64748b}.text-success{color:#00a86b}.text-warning{color:#ff9500}.text-error{color:#dc2626}.text-dark{color:#1e293b}.text-muted{color:#94a3b8}.bg-white{background:#fff}.bg-light{background:#f8fafc}.bg-primary{background:#07f}.bg-success{background:#00a86b}.bg-warning{background:#ff9500}.bg-error{background:#dc2626}.bg-dark{background:#1e293b}.bg-darker{background:#0f172a}.gradient-primary{background:linear-gradient(135deg,#07f,#05c)}.gradient-success{background:linear-gradient(135deg,#00a86b,#008055)}.gradient-warning{background:linear-gradient(135deg,#ff9500,#c70)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:24px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:24px}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:24px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.rounded-sm{border-radius:8px}.rounded{border-radius:12px}.rounded-md{border-radius:16px}.rounded-lg{border-radius:20px}.rounded-xl{border-radius:24px}.rounded-full{border-radius:999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 4px 12px #0000000a}.shadow-md{box-shadow:0 8px 24px #0000000f}.shadow-lg{box-shadow:0 12px 32px #00000014}.shadow-xl{box-shadow:0 20px 40px #0000001a}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}::selection{background:#07f3;color:#07f}::-moz-selection{background:#07f3;color:#07f}a{color:#07f;text-decoration:none;transition:color .2s ease}a:hover{color:#05c;text-decoration:underline}input,select,textarea{font-family:inherit}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#07f;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification{animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #07f;border-radius:16px;bottom:20px;box-shadow:0 8px 30px #0000001f;padding:16px 24px;position:fixed;right:20px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification.success{border-left-color:#00a86b}.notification.error{border-left-color:#dc2626}.notification.warning{border-left-color:#ff9500}@media (max-width:768px){.main-content{padding-top:70px}.card{margin:8px;padding:18px}.btn-outline,.btn-primary,.btn-secondary{padding:10px 18px}}@media (max-width:480px){.card{border-radius:16px;padding:16px}.text-3xl{font-size:1.5rem}.text-4xl{font-size:1.875rem}}
/*# sourceMappingURL=main.4e2538bc.css.map*/