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}.navbar{align-items:center;background:#fff;box-shadow:0 2px 20px #0000001a;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:70px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-brand{cursor:pointer}.brand-icon{color:#667eea;font-size:1.8rem}.nav-brand h3{color:#333;font-size:1.5rem}.nav-search{flex:1 1;margin:0 2rem;max-width:400px;position:relative}.nav-search input{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:25px;font-size:.9rem;padding:12px 16px 12px 45px;transition:all .3s ease;width:100%}.nav-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#a0aec0;font-size:.9rem;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.nav-options{align-items:center;display:flex;gap:2rem}.nav-item{border-radius:20px;color:#4a5568;cursor:pointer;font-weight:500;padding:8px 16px;position:relative;transition:all .3s ease}.nav-item:hover{background:#f7fafc;color:#667eea;transform:translateY(-1px)}.nav-item.active{background:#667eea;color:#fff}.nav-user{align-items:center;display:flex;gap:1.5rem}.notification-icon{border-radius:50%;color:#4a5568;cursor:pointer;padding:8px;position:relative;transition:all .3s ease}.notification-icon:hover{background:#f7fafc;color:#667eea}.notification-badge{background:#e53e3e;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-2px;text-align:center;top:-2px}.user-profile{align-items:center;background:#f7fafc;border-radius:25px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.user-profile:hover{background:#edf2f7;transform:translateY(-1px)}.user-profile svg{color:#667eea;font-size:1rem}.user-profile span{color:#4a5568;font-size:.9rem;font-weight:500}.logout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.mobile-menu-toggle{border-radius:8px;color:#4a5568;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.mobile-menu-toggle:hover{background:#f7fafc;color:#667eea}.mobile-menu{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 4px 20px #0000001a;display:none;left:0;padding:1rem 0;position:absolute;right:0;top:100%}.mobile-nav-item{border-bottom:1px solid #f7fafc;color:#4a5568;cursor:pointer;font-weight:500;padding:12px 2rem;transition:all .3s ease}.mobile-nav-item:hover{background:#f7fafc;color:#667eea}.mobile-nav-item:last-child{border-bottom:none}@media (max-width:1024px){.nav-search{margin:0 1rem;max-width:300px}.nav-options{gap:1rem}.nav-item{font-size:.9rem;padding:6px 12px}}@media (max-width:768px){.navbar{height:60px;padding:0 1rem}.nav-options,.nav-search{display:none}.nav-user{gap:1rem}.user-profile span{display:none}.logout-btn{font-size:.8rem;padding:8px 16px}.mobile-menu,.mobile-menu-toggle{display:block}}@media (max-width:480px){.navbar{padding:0 .5rem}.nav-brand h3{font-size:1.2rem}.brand-icon{font-size:1.5rem}.notification-icon{padding:6px}.logout-btn,.user-profile{padding:6px 12px}.logout-btn{font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}.landing-page{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-hero{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow:hidden;position:relative}.landing-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.landing-nav{justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.landing-nav,.nav-brand{align-items:center;display:flex}.nav-brand{gap:12px}.brand-icon{animation:float 3s ease-in-out infinite;color:#fff;font-size:2rem}.nav-brand h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.nav-actions{display:flex;gap:16px}.nav-btn-primary,.nav-btn-secondary{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.nav-btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.nav-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.nav-btn-primary{background:#fff;color:#667eea}.nav-btn-primary:hover{background:#f8f9fa;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.landing-hero-content{align-items:center;display:flex;justify-content:space-between;min-height:calc(100vh - 100px);padding:0 40px;position:relative;z-index:10}.hero-text{color:#fff;flex:1 1;max-width:600px}.hero-text h1{animation:fadeInUp 1s ease-out;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.hero-text p{animation:fadeInUp 1s ease-out .2s both;font-size:1.2rem;margin-bottom:32px;opacity:.9}.hero-actions{animation:fadeInUp 1s ease-out .4s both;display:flex;gap:16px}.hero-btn-primary,.hero-btn-secondary{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.hero-btn-primary{background:linear-gradient(45deg,gold,#ffed4e);color:#333}.hero-btn-primary:hover{box-shadow:0 12px 30px #ffd7004d;transform:translateY(-3px)}.hero-btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.hero-visual{flex:1 1;height:500px;position:relative}.floating-card{align-items:center;animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fff;display:flex;font-weight:600;gap:12px;padding:20px;position:absolute}.floating-card svg{font-size:1.5rem}.card-1{animation-delay:0s;right:10%;top:20%}.card-2{animation-delay:2s;right:20%;top:50%}.card-3{animation-delay:4s;right:5%;top:80%}.stats-section{background:#f8f9fa;padding:80px 0}.stats-section .container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-item h3{color:#667eea;font-size:3rem;font-weight:800;margin-bottom:8px}.stat-item p{color:#666;font-size:1.1rem;font-weight:500}.section-header{margin-bottom:60px;text-align:center}.section-header h2{font-size:2.5rem;margin-bottom:16px}.section-header p{color:#666;font-size:1.2rem;margin:0 auto;max-width:600px}.categories-section{background:#fff;padding:100px 0}.categories-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px 30px;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.category-icon{color:#667eea;font-size:3rem;margin-bottom:20px}.category-card h4{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:8px}.category-card p{color:#666;font-weight:500}.features-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:100px 0}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.feature-icon{color:#667eea;font-size:3rem;margin-bottom:20px}.feature-card h4{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:16px}.feature-card p{color:#666;line-height:1.6}.testimonials-section{background:#fff;padding:100px 0}.testimonials-container{height:400px;margin-bottom:40px;position:relative}.testimonial-card{left:0;opacity:0;position:absolute;right:0;top:0;transform:translateX(50px);transition:all .5s ease}.testimonial-card.active{opacity:1;transform:translateX(0)}.testimonial-content{background:#f8f9fa;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:600px;padding:40px;text-align:center}.stars{display:flex;gap:4px;justify-content:center;margin-bottom:20px}.star{color:gold;font-size:1.2rem}.testimonial-content p{color:#333;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:30px}.testimonial-author{align-items:center;display:flex;gap:16px;justify-content:center}.testimonial-author img{border-radius:50%;height:60px;object-fit:cover;width:60px}.testimonial-author h5{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:4px}.testimonial-author span{color:#666;font-size:.9rem}.testimonial-dots{display:flex;gap:12px;justify-content:center}.dot{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:#667eea;transform:scale(1.2)}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.cta-section p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-btn-primary,.cta-btn-secondary{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.cta-btn-primary{background:#fff;color:#667eea}.cta-btn-primary:hover{box-shadow:0 12px 30px #0003;transform:translateY(-3px)}.cta-btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.cta-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.landing-footer{background:#2d3748;color:#fff;padding:60px 0 20px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-brand .brand-icon{color:#667eea;font-size:2rem}.footer-brand h3{font-size:1.5rem;font-weight:700;margin:0}.footer-brand p{color:#a0aec0;margin:0}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.footer-column h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px}.footer-column a{color:#a0aec0;display:block;margin-bottom:12px;text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:#667eea}.footer-bottom{border-top:1px solid #4a5568;color:#a0aec0;padding-top:20px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.landing-hero-content{flex-direction:column;padding:0 20px;text-align:center}.hero-text h1{font-size:2.5rem}.hero-actions{align-items:center;flex-direction:column}.hero-visual{display:none}.landing-nav{padding:20px}.nav-actions{gap:12px}.nav-btn-primary,.nav-btn-secondary{font-size:.8rem;padding:10px 20px}.stats-section .container{gap:30px;grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.features-grid,.footer-content{grid-template-columns:1fr}.footer-content{gap:40px}.footer-links{gap:30px;grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.hero-text h1,.section-header h2{font-size:2rem}.stats-section .container{grid-template-columns:1fr}.stat-item h3{font-size:2.5rem}}.AuthenticatePage{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.auth-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;justify-content:space-between;padding:1.5rem 2rem}.auth-brand,.auth-navbar{align-items:center;display:flex}.auth-brand{cursor:pointer;gap:12px;transition:all .3s ease}.auth-brand:hover{transform:translateY(-2px)}.auth-brand .brand-icon{animation:float 3s ease-in-out infinite;color:#fff;font-size:1.8rem}.auth-brand h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.back-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translateY(-2px)}.auth-container{display:flex;min-height:calc(100vh - 80px)}.auth-content{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:500px;padding:3rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.auth-header p{color:#666;font-size:1.1rem;line-height:1.6}.auth-tabs{background:#f8f9fa;border-radius:12px;display:flex;margin-bottom:2rem;padding:4px}.auth-tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.auth-tab.active{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.auth-tab:hover:not(.active){background:#667eea1a;color:#667eea}.auth-visual{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:3rem;position:relative}.auth-visual:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.visual-content{color:#fff;position:relative;text-align:center;z-index:10}.visual-content h3{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.visual-content p{font-size:1.2rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.visual-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.stat{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-number{color:gold;font-size:2rem;font-weight:800}.stat-label{font-size:.9rem;opacity:.8;text-align:center}@media (max-width:1024px){.auth-container{flex-direction:column}.auth-content{max-width:none;padding:2rem}.auth-visual{padding:2rem}.visual-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.auth-navbar{padding:1rem}.auth-brand h3{font-size:1.3rem}.back-btn span{display:none}.auth-content{padding:1.5rem}.auth-header h2,.visual-content h3{font-size:2rem}.visual-stats{gap:1.5rem;grid-template-columns:1fr}.stat{flex-direction:row;gap:1rem;justify-content:center}}@media (max-width:480px){.auth-content{padding:1rem}.auth-header h2{font-size:1.8rem}.auth-header p{font-size:1rem}.auth-tab{font-size:.9rem;padding:10px 16px}.visual-content h3{font-size:1.8rem}.visual-content p{font-size:1rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.freelancer-dashboard{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.dashboard-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.header-content p{color:#666;font-size:1.1rem}.header-actions{display:flex;gap:1rem}.notification-btn,.search-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.notification-btn{background:#f7fafc;color:#4a5568;position:relative}.notification-btn:hover{background:#edf2f7;transform:translateY(-2px)}.notification-dot{background:#e53e3e;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 20px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-icon.current{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.applications{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.earnings{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content h3{color:#333;font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-content p{color:#666;font-weight:500;margin-bottom:1rem}.stat-content button{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.stat-content button:hover{background:#667eea;border-color:#667eea;color:#fff}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.earnings-overview,.profile-section,.quick-actions,.recent-projects{background:#fff;border-radius:16px;box-shadow:0 2px 20px #00000014;padding:2rem}.section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.section-header button{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.section-header button:hover{background:#667eea;border-color:#667eea;color:#fff}.edit-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.profile-item{margin-bottom:1.5rem}.profile-item h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.skills-container{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#f0f9ff;border-radius:20px;color:#0369a1;font-size:.9rem;font-weight:500;padding:6px 12px}.description{color:#666;line-height:1.6}.no-data{color:#999;font-style:italic}.profile-edit{gap:1.5rem}.form-group,.profile-edit{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{display:flex;gap:1rem}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669;transform:translateY(-2px)}.cancel-btn{background:#f3f4f6;color:#4b5563}.cancel-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.projects-list{gap:1rem}.project-item{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.project-item:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.project-info h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.project-info p{color:#666;font-size:.9rem;margin-bottom:.5rem}.project-meta{display:flex;font-size:.9rem;gap:1rem}.budget{color:#10b981}.budget,.status{font-weight:600}.project-actions button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.project-actions button:hover{background:#5a67d8;transform:translateY(-2px)}.no-projects{color:#666;padding:3rem 1rem;text-align:center}.no-projects svg{color:#cbd5e0;font-size:3rem;margin-bottom:1rem}.no-projects h3{font-size:1.3rem;margin-bottom:.5rem}.no-projects button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:12px 24px;transition:all .3s ease}.no-projects button:hover{background:#5a67d8;transform:translateY(-2px)}.earnings-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.earning-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;justify-content:space-between;padding:1rem}.earning-label{color:#666;font-weight:500}.earning-amount{color:#333;font-size:1.2rem;font-weight:700}.earning-change{font-size:.9rem;font-weight:600}.earning-change.positive{color:#10b981}.earning-change.negative{color:#ef4444}.earnings-actions{display:flex;gap:1rem}.history-btn,.withdraw-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s ease}.withdraw-btn{background:#10b981;color:#fff}.withdraw-btn:hover{background:#059669;transform:translateY(-2px)}.history-btn{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.history-btn:hover{background:#edf2f7;transform:translateY(-2px)}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.5rem;padding:1.5rem;transition:all .3s ease}.action-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.action-btn svg{font-size:1.5rem}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;height:50vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.freelancer-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.actions-grid{grid-template-columns:1fr}.earnings-stats{gap:.5rem}.earning-item{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.dashboard-header,.earnings-overview,.profile-section,.quick-actions,.recent-projects,.stat-card{padding:1rem}.earnings-actions,.form-actions{flex-direction:column}}.projects-list{border-radius:.7rem;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:82vh;overflow-y:scroll;padding:3vh 2vw;width:75%}.all-projects-page{display:flex;justify-content:space-evenly;margin-top:5vh}.project-filters{border-radius:.7rem;box-shadow:0 3px 8px #0000003d;height:82vh;overflow-y:scroll;padding:3vh 1.5vw;width:20%}.project-filters h3{font-size:1.4rem}.filters{margin-top:3vh}.filters h5{font-size:1.1rem}.filter-options{font-size:.9rem}.my-projects-list{border-radius:.7rem;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:82vh;overflow-y:scroll;padding:3vh 2vw;width:95%}.projects-list hr{color:#5f6061}.user-application-half h5{color:#0937569c;font-size:.9rem}.user-application-half h5 b{color:rgba(5,40,64,.877);font-size:.9rem;font-weight:500}.user-application-half h6 b{color:#828382}.project-form-body{border-radius:.7rem;box-shadow:0 4px 16px #11111a1a,0 8px 32px #11111a0d;margin-top:5vh;padding:3vh 2vw}.project-form-body span{display:grid;grid-template-columns:49% 49%;justify-content:space-between;width:100%}.project-form-body input,.project-form-body span input{width:100%}.project-form-body textarea{min-height:20vh}.client-projects-page{display:flex;justify-content:space-evenly;margin-top:5vh}.client-projects-header{align-items:center;display:flex;height:8vh;justify-content:space-between}.client-projects-header select{width:25vw}.client-projects-list{border-radius:.7rem;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:82vh;overflow-y:scroll;padding:3vh 2vw;width:95%}.client-projects-list hr{color:#5f6061}.listed-project:hover{background-color:#efefef58;cursor:pointer}.listed-project h5,.listed-project p{font-size:.9rem}.listed-project-head{display:flex;justify-content:space-between;margin-bottom:3vh}.listed-project-head h3{color:#227396b0;font-size:1.4rem;margin:0;width:80%}.listed-project-head p{margin:0}.listed-project .skills{display:flex;gap:10px}.listed-project .skills h6{border:1px solid #ee4950;border-radius:1rem;color:#ee4950;font-size:.8rem;font-weight:400;padding:5px 10px}.listed-project .bids-data{display:flex;gap:30px;margin-top:3vh}.client-applications-page{padding:2vh 2vw}.client-applications-page span{display:flex;justify-content:space-between}.client-applications-page span select{width:50%}.client-applications-body{border-radius:.7rem;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;height:76vh;margin-top:2vh;overflow-y:scroll;padding-top:2vh}.client-application{padding:2vh 2vw}.client-application:hover{background-color:rgba(12,105,148,.071)}.client-application-body{display:flex;justify-content:space-between}.client-application hr{background-color:rgba(84,86,86,.377);height:2px;margin-bottom:0;width:100%}.client-application-half{width:48%}.client-application-half h4{color:rgba(26,83,121,.646);font-size:1.2rem}.client-application-half p{font-size:.8rem}.client-application-half span{display:flex;flex-direction:column}.client-application-half span h5{color:rgba(9,55,86,.877);font-size:1.1rem}.client-application-half span .application-skills{display:flex;gap:10px}.client-application-half span .application-skills p{border:1px solid #ee4950;border-radius:1rem;color:#ee4950;font-size:.6rem;padding:5px 10px}.client-application-half h6{font-size:.9rem}.client-application-half h6 b{color:#676867}.approve-btns{display:flex;gap:20px}.approve-btns button{width:10vw}.new-project-page{border-radius:.8rem;box-shadow:0 5px 15px 0 #00000026;margin:5vh 3vw;padding:3vh 2vw}.new-project-page h3{margin-bottom:4vh}.new-project-form textarea{min-height:28vh}.new-project-form span{display:grid;grid-template-columns:31% 67%;justify-content:space-between}.new-project-form button{border:1.5px solid #ee450e;color:#ee450e;font-weight:600;height:8vh;width:100%}.new-project-form button:hover{background-color:#ee450e;color:#fff8f6;font-weight:600}.project-data-page{display:flex;justify-content:space-between;padding:3vh 2vw}.project-data-container{text-align:left;width:60%}.project-data h3{color:rgba(32,102,137,.826);font-size:1.5rem}.project-data p{font-size:.9rem}.project-data span .required-skills{display:flex;gap:10px}.project-data span .required-skills p{border:1px solid #ee450e;border-radius:1rem;color:#ee450e;font-size:.7rem;padding:6px 12px}.project-submissions-container{border-radius:.7rem;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;margin-bottom:5vh;margin-top:5vh;padding:3vh 2vw}.project-submissions-container h4{color:#226691db;margin-bottom:3vh}.project-submission h5{font-size:1rem;margin:0}.project-submission span{align-items:center;display:flex;gap:10px;margin-bottom:2vh}.project-submission span h5{font-size:1rem;margin:0}.project-submission span a{font-size:.9rem;text-decoration:none}.project-submission p{font-size:.8rem}.project-submission .submission-btns{display:flex;gap:15px}.project-submission .submission-btns button{width:20%}.project-chat-container{border-radius:.7rem;box-shadow:0 .0625em .0625em #00000040,0 .125em .5em #00000040,inset 0 0 0 1px #ffffff1a;height:85vh;padding:2vh 1.5vw;width:35%}.project-chat-container h4{font-size:1.2rem;margin:0}.chat-body{height:95%}.chat-messages{-ms-overflow-style:none;display:flex;flex-direction:column;gap:10px;height:55vh;overflow-y:scroll;padding-bottom:4vh;scrollbar-width:none}.chat-messages::-webkit-scrollbar{display:none}.chat-messages .my-message{display:flex;justify-content:end;text-align:right;width:100%}.chat-messages .my-message div{background-color:#e75221e0!important;border-radius:1rem;color:#fff9f7;max-width:80%;padding:5px 20px;text-align:justify;width:-webkit-fit-content;width:fit-content}.chat-messages .my-message p{font-size:.8rem;margin:0}.chat-messages .my-message h6{font-size:.6rem;font-weight:400;margin:0;text-align:end}.chat-messages .received-message{text-align:left;width:100%}.chat-messages .received-message div{background-color:#218ee7e0!important;border-radius:1rem;color:#fff9f7;max-width:80%;padding:5px 20px;text-align:justify;width:-webkit-fit-content;width:fit-content}.chat-messages .received-message h5{font-size:1rem;margin:0}.chat-messages .received-message p{font-size:.8rem;margin:0}.chat-messages .received-message h6{font-size:.6rem;font-weight:400;margin:0;text-align:start}.chat-input{align-items:center;display:flex;height:10vh}.chat-input input{border:1.5px solid #d4d4d4;border-radius:2rem 0 0 2rem;height:8vh;padding-left:10px;width:75%}.chat-input button{background-color:#6c6a6900;border:1.5px solid #ee450e;border-radius:0 2rem 2rem 0;color:#ee450e;font-weight:500;height:8vh;width:25%}.chat-input button:hover{background-color:#ee450e;border:1.5px solid #ee450e;color:#f0f8ff}.user-applications-page{padding:2vh 2vw}.user-applications-body{border-radius:.7rem;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;height:76vh;margin-top:2vh;overflow-y:scroll;padding-top:2vh}.user-application{cursor:pointer;padding:2vh 2vw}.user-application:hover{background-color:rgba(12,105,148,.071)}.user-application-body{display:flex;justify-content:space-between}.user-application hr{background-color:rgba(84,86,86,.377);height:2px;margin-bottom:0;width:100%}.vertical-line{background-color:hsla(0,0%,43%,.233);height:inherit;width:1px}.user-application-half{width:48%}.user-application-half h4{color:rgba(26,83,121,.646);font-size:1.2rem}.user-application-half p{font-size:.8rem}.user-application-half span h5{color:rgba(9,55,86,.877);font-size:1.1rem}.user-application-half span .application-skills{display:flex;gap:10px}.user-application-half span .application-skills p{border:1px solid #ee4950;border-radius:1rem;color:#ee4950;font-size:.6rem;padding:5px 10px}.user-application-half h6{font-size:.9rem}.all-users-page{padding:4vh 2vw}.all-users{display:flex;flex-direction:column;gap:15px}.user{border:1px solid #ee460e5b;border-radius:.8rem;display:flex;justify-content:space-between;padding:2vh 1.5vw;width:70%}.user span b{color:#168181;font-weight:500;margin:0}.user span p{color:rgba(22,95,129,.728);margin:0}
/*# sourceMappingURL=main.bbefa6a6.css.map*/