:root{--primary:#1a9c6e;--primary-dark:#157a57;--primary-light:#1a9c6e1a;--primary-border:#1a9c6e2e;--accent:#25d4a0;--secondary:#0d1f1a;--text-dark:#1a2e28;--text-mid:#4a6560;--text-light:#7a9490;--white:#fff;--bg-light:#f5f8f7;--bg-subtle:#eef3f2;--border:#e4eceb;--shadow-sm:0 2px 8px #0d1f1a0f;--shadow-md:0 8px 32px #0d1f1a1a;--shadow-lg:0 20px 60px #0d1f1a24;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition:.22s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-dark);background:var(--white);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;line-height:1.6}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffeb;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 5%;display:flex;position:sticky;top:0}.nav-logo{color:var(--secondary);letter-spacing:-.3px;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.logo-icon{color:var(--primary);font-size:1.3rem}.nav-links{gap:2.2rem;display:flex}.nav-links a{color:var(--text-mid);transition:color var(--transition);white-space:nowrap;font-size:.9rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:width var(--transition);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.btn-primary{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);white-space:nowrap;letter-spacing:-.1px;border:none;align-items:center;gap:.4rem;padding:.6rem 1.35rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-mid);border-radius:var(--radius-sm);border:1.5px solid var(--border);transition:all var(--transition);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.4rem;padding:.6rem 1.35rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-large{border-radius:var(--radius-md);padding:.85rem 2rem;font-size:1rem}.btn-small{padding:.4rem 1rem;font-size:.82rem}.btn-white{background:var(--white);color:var(--primary);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.85rem 2rem;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.btn-white:hover{background:var(--bg-light);transform:translateY(-1px)}.btn-outline-white{color:var(--white);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;background:0 0;border:1.5px solid #fff6;align-items:center;gap:.4rem;padding:.85rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-outline-white:hover{border-color:var(--white);background:#ffffff1f}.section-label{background:var(--primary-light);color:var(--primary);letter-spacing:1.8px;border:1px solid var(--primary-border);text-transform:uppercase;border-radius:50px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem 1rem;font-size:.72rem;font-weight:700;display:inline-flex}.section-sub{color:var(--text-light);max-width:480px;margin:.6rem auto 3rem;font-size:1rem;line-height:1.7}.hero{background:var(--white);justify-content:space-between;align-items:center;gap:2rem;width:100%;min-height:92vh;padding:2rem 5% 3rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#1a9c6e12 0%,#0000 68%);width:560px;height:560px;position:absolute;top:-120px;right:-80px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#25d4a00d 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-80px;left:-80px}.hero-content{z-index:1;flex:1;max-width:560px;position:relative}.hero-badge{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-content h1{color:var(--secondary);letter-spacing:-1px;margin-bottom:1.3rem;font-family:Poppins,sans-serif;font-size:3.4rem;font-weight:800;line-height:1.12}.hero-content h1 span{color:var(--primary)}.hero-content p{color:var(--text-mid);max-width:460px;margin-bottom:2.2rem;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{border-top:1px solid var(--border);gap:2.5rem;padding-top:2rem;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:var(--secondary);letter-spacing:-.5px;font-size:1.65rem;font-weight:800}.stat-label{color:var(--text-light);margin-top:.15rem;font-size:.8rem;font-weight:500}.hero-image{z-index:1;flex:1;max-width:500px;position:relative}.hero-visual{position:relative}.hero-student-img{object-fit:cover;object-position:center top;border-radius:var(--radius-xl);width:100%;height:520px;box-shadow:var(--shadow-lg);display:block}.floating-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:2;align-items:center;gap:.8rem;min-width:185px;padding:.9rem 1.2rem;animation:3.5s ease-in-out infinite float;display:flex;position:absolute}.floating-card.fc-top{animation-delay:0s;top:24px;left:-50px}.floating-card.fc-bottom{animation-delay:1.2s;bottom:80px;right:-40px}.floating-card.fc-left{animation-delay:2.2s;bottom:-10px;left:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fc-icon{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);border:1px solid var(--primary-border);flex-shrink:0;padding:.45rem;font-size:1.2rem}.fc-title{color:var(--secondary);margin:0;font-size:.82rem;font-weight:700}.fc-sub{color:var(--text-light);margin:.1rem 0 0;font-size:.72rem}.how-it-works{text-align:center;background:var(--bg-light);padding:7rem 5%}.how-it-works h2{color:var(--secondary);letter-spacing:-.5px;font-family:Poppins,sans-serif;font-size:2.3rem;font-weight:800}.steps{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1040px;margin:0 auto;display:flex}.step{background:var(--white);border-radius:var(--radius-lg);text-align:left;min-width:260px;max-width:310px;transition:all var(--transition);border:1.5px solid var(--border);flex:1;padding:2.5rem 2rem;position:relative}.step:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-5px)}.step-number{background:var(--primary);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:-14px;left:2rem;box-shadow:0 4px 12px #1a9c6e59}.step-icon{background:var(--primary-light);border-radius:var(--radius-md);width:54px;height:54px;color:var(--primary);border:1px solid var(--primary-border);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.35rem;display:flex}.step h3{color:var(--secondary);letter-spacing:-.2px;margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.step p{color:var(--text-light);margin-bottom:1.2rem;font-size:.875rem;line-height:1.75}.step-link{color:var(--primary);transition:gap var(--transition);align-items:center;gap:.3rem;font-size:.875rem;font-weight:600;display:inline-flex}.step-link:hover{gap:.6rem}.categories{text-align:center;background:var(--white);padding:7rem 5%}.categories h2{color:var(--secondary);letter-spacing:-.5px;font-family:Poppins,sans-serif;font-size:2.3rem;font-weight:800}.categories-grid{grid-template-columns:repeat(5,1fr);gap:1.1rem;max-width:1040px;margin:0 auto;display:grid}.category-card{background:var(--white);border-radius:var(--radius-lg);text-align:center;border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition);padding:2rem 1rem 1.8rem}.category-card:hover{border-color:var(--primary);background:var(--bg-light);transform:translateY(-4px);box-shadow:0 10px 36px #1a9c6e1f}.cat-icon{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-md);border:1px solid var(--primary-border);width:54px;height:54px;transition:background var(--transition);justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.6rem;display:flex}.category-card:hover .cat-icon{background:#1a9c6e26}.cat-name{color:var(--secondary);margin-bottom:.35rem;font-size:.85rem;font-weight:700;line-height:1.4}.cat-jobs{color:var(--primary);font-size:.76rem;font-weight:600}.testimonials{text-align:center;background:var(--bg-light);padding:7rem 5%}.testimonials h2{color:var(--secondary);letter-spacing:-.5px;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:2.3rem;font-weight:800}.testimonials-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:3rem;display:flex}.testimonial-card{background:var(--white);border-radius:var(--radius-lg);text-align:left;border:1.5px solid var(--border);min-width:280px;max-width:340px;transition:all var(--transition);flex:1;padding:2rem;position:relative}.testimonial-card:before{content:"\"";color:var(--primary);border:1px solid var(--primary-border);width:48px;height:48px;background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:1.6rem;line-height:1;display:flex;position:absolute;top:1.2rem;right:1.5rem}.testimonial-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-border);transform:translateY(-3px)}.star-icon{color:#f59e0b;gap:2px;margin-bottom:1rem;font-size:1.1rem;display:flex}.testimonial-text{color:var(--text-mid);margin-bottom:1.5rem;font-size:.93rem;font-style:italic;line-height:1.8}.testimonial-author{border-top:1px solid var(--border);align-items:center;gap:.8rem;padding-top:1rem;display:flex}.author-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));width:40px;height:40px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;font-weight:700;display:flex}.author-name{color:var(--secondary);font-size:.88rem;font-weight:700}.author-role{color:var(--text-light);margin-top:.1rem;font-size:.76rem}.cta{text-align:center;background:var(--secondary);color:var(--white);padding:7rem 5%;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#1a9c6e38 0%,#0000 68%);width:500px;height:500px;position:absolute;top:-180px;left:-100px}.cta:after{content:"";pointer-events:none;background:radial-gradient(circle,#25d4a026 0%,#0000 68%);width:500px;height:500px;position:absolute;bottom:-180px;right:-100px}.cta h2{z-index:1;letter-spacing:-1px;margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:3rem;font-weight:800;position:relative}.cta p{opacity:.75;z-index:1;max-width:500px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.75;position:relative}.cta-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.cta-features{z-index:1;flex-wrap:wrap;justify-content:center;gap:2rem;display:flex;position:relative}.cta-features span{opacity:.7;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.footer{color:var(--white);background:#060f0c;padding:0}.footer-top{border-bottom:1px solid #ffffff12;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding:5rem 5% 4rem;display:grid}.footer-brand .footer-logo{color:var(--white);letter-spacing:-.3px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.15rem;font-weight:800;display:flex}.footer-brand .footer-logo .logo-icon{color:var(--accent)}.footer-brand p{color:#ffffff73;max-width:280px;margin-bottom:1.5rem;font-size:.875rem;line-height:1.75}.footer-social{gap:.7rem;display:flex}.footer-social-btn{border-radius:var(--radius-sm);color:#ffffff8c;cursor:pointer;width:36px;height:36px;transition:all var(--transition);background:#ffffff0f;border:1px solid #ffffff17;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;display:flex}.footer-social-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-2px)}.footer-col h4{color:var(--white);letter-spacing:1px;text-transform:uppercase;margin-bottom:1.3rem;font-size:.8rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-col ul li a{color:#ffffff73;transition:color var(--transition);font-size:.85rem;font-weight:400}.footer-col ul li a:hover{color:var(--accent)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 5%;display:flex}.footer-copy{color:#ffffff4d;font-size:.8rem}.footer-bottom-links{gap:1.5rem;display:flex}.footer-bottom-links a{color:#ffffff4d;transition:color var(--transition);font-size:.8rem}.footer-bottom-links a:hover{color:var(--white)}@media (width<=1024px){.footer-top{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (width<=768px){.nav-links{display:none}.hero{text-align:center;flex-direction:column;gap:3rem;min-height:auto;padding:3rem 5% 4rem}.hero-content{max-width:100%}.hero-content h1{font-size:2.4rem}.hero-content p{max-width:100%;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stats{justify-content:center;gap:2rem}.hero-image{width:100%;max-width:100%}.hero-student-img{height:380px}.floating-card.fc-top{top:16px;left:-10px}.floating-card.fc-bottom{right:-10px}.how-it-works{padding:5rem 5%}.steps{flex-direction:column;align-items:center}.step{width:100%;max-width:100%}.categories{padding:5rem 0}.categories h2,.categories .section-label,.categories .section-sub{padding:0 5%;display:block}.categories-grid-wrapper{position:relative;overflow:hidden}.categories-grid-wrapper:after{content:"";background:linear-gradient(to left, var(--white), transparent);pointer-events:none;z-index:1;width:72px;height:100%;position:absolute;top:0;right:0}.categories-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;max-width:100%;padding:1rem 5% 1.5rem;grid-template-columns:unset!important;flex-flow:row!important;display:flex!important;overflow-x:auto!important}.categories-grid::-webkit-scrollbar{display:none}.category-card{scroll-snap-align:start;flex:0 0 155px!important;min-width:155px!important}.testimonials,.cta{padding:5rem 5%}.cta h2{font-size:2.2rem}.footer-top{grid-template-columns:1fr;gap:2rem;padding:3rem 5%}.footer-bottom{text-align:center;flex-direction:column}.footer-bottom-links{justify-content:center}}@media (width<=480px){.navbar{justify-content:space-between;height:60px;padding:0 4%}.nav-logo{flex-shrink:1;gap:.35rem;min-width:0;font-size:.85rem;overflow:hidden}.logo-icon{flex-shrink:0;font-size:1rem}.nav-actions{flex-shrink:0;gap:.4rem;display:flex}.btn-outline{white-space:nowrap;display:flex;border-radius:8px!important;padding:.4rem .75rem!important;font-size:.75rem!important}.navbar .btn-primary{white-space:nowrap;border-radius:8px;padding:.4rem .75rem;font-size:.75rem}.hero-content h1{font-size:2rem}.hero-stats{gap:1.5rem}.floating-card{min-width:155px;padding:.7rem .9rem}.floating-card.fc-top{left:0}.floating-card.fc-bottom{right:0}.cta h2{font-size:1.8rem}}.auth-page{width:100%;min-height:100vh;display:flex}.auth-left{flex:1;justify-content:center;align-items:stretch;min-height:100vh;display:flex;position:relative}.auth-left-content{max-width:400px}.auth-logo{color:var(--white);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:1.2rem;font-weight:700;display:flex}.auth-logo .logo-icon{color:var(--accent);font-size:1.4rem}.auth-left-content h2{color:var(--white);margin-bottom:2.5rem;font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;line-height:1.3}.auth-features{flex-direction:column;gap:1rem;display:flex}.auth-feature{color:#ffffffd9;align-items:center;gap:1rem;font-size:.95rem;display:flex}.auth-feature-icon{background:var(--primary);width:28px;height:28px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.auth-right{background:var(--white);flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.auth-box{width:100%;max-width:420px}.auth-box h1{color:var(--secondary);margin-bottom:.4rem;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:800}.auth-sub{color:var(--text-light);margin-bottom:2rem;font-size:.95rem}.auth-form{flex-direction:column;gap:1.2rem;margin-bottom:1.5rem;display:flex}.auth-form .form-group .input-wrap{align-items:center;width:100%;display:flex;position:relative}.auth-form .form-group .input-icon{color:#94a3b8;pointer-events:none;z-index:1;align-items:center;font-size:1rem;line-height:1;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-form .form-group .input-wrap input,.auth-form .form-group .input-wrap select,.auth-form .form-group .input-wrap textarea{border:1.5px solid var(--border);width:100%;color:var(--text-dark);background:var(--bg-light);border-radius:10px;outline:none;padding:.85rem 1rem .85rem 2.75rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:border .2s,background .2s}.auth-form .form-group .input-wrap input::placeholder{color:#94a3b8;font-size:.875rem}.auth-form .form-group .input-wrap input:focus,.auth-form .form-group .input-wrap select:focus,.auth-form .form-group .input-wrap textarea:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #1a9c6e14}.auth-form .form-group .input-toggle{color:#94a3b8;cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-form .form-group .input-toggle:hover{color:var(--text-dark)}.auth-form .form-group .input-wrap input[type=password]{padding-right:2.75rem}.auth-btn{background:var(--primary);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:10px;margin-top:.5rem;padding:.9rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-light);font-size:.9rem}.auth-switch a{color:var(--primary);font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-forgot{text-align:right;margin-top:-.5rem}.auth-forgot a{color:var(--primary);font-size:.85rem;font-weight:500}.auth-forgot a:hover{text-decoration:underline}.auth-left-overlay{border-radius:inherit;background:#0d3b2eb3;justify-content:center;align-items:center;width:100%;height:100%;padding:3rem;display:flex}.auth-error{color:#dc2626;text-align:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}@media (width<=768px){.auth-page{flex-direction:column}.auth-left{display:none}.auth-right{flex:1;width:100%;min-height:100vh;padding:2rem 1.5rem}.auth-box{max-width:100%}.auth-box h1{font-size:1.5rem}}.role-page{background:var(--bg-light);flex-direction:column;min-height:100vh;display:flex}.role-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.role-content h1{color:var(--secondary);margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:2rem;font-weight:800}.role-content>p{color:var(--text-light);margin-bottom:3rem;font-size:1rem}.role-cards{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2.5rem;display:flex}.role-card{background:var(--white);border:2px solid var(--border);cursor:pointer;text-align:left;border-radius:20px;width:100%;max-width:300px;padding:2.5rem 2rem;transition:all .2s;position:relative}.role-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.role-card-active{border-color:var(--primary);box-shadow:0 0 0 4px #1a9c6e1a}.role-card-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.2rem;font-size:1.6rem;display:flex}.sme-icon{color:var(--primary);background:#1a9c6e1a}.student-icon{color:var(--secondary);background:#0d3b2e1a}.role-card h2{color:var(--secondary);margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.role-card p{color:var(--text-light);margin-bottom:1.2rem;font-size:.9rem;line-height:1.6}.role-perks{flex-direction:column;gap:.4rem;list-style:none;display:flex}.role-perks li{color:var(--primary);font-size:.85rem;font-weight:500}.role-check{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.role-check-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.role-btn{justify-content:center;align-items:center;gap:.5rem;max-width:300px;display:flex}@media (width<=768px){.role-header{padding:1.2rem 1.5rem}.role-content{justify-content:flex-start;padding:1.5rem}.role-content h1{font-size:1.5rem}.role-content>p{margin-bottom:2rem;font-size:.9rem}.role-cards{flex-direction:column;align-items:center;gap:1.2rem;width:100%}.role-card{max-width:100%;padding:1.8rem 1.5rem}.role-btn{width:100%;max-width:100%}}.verify-box{background:var(--white);text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:20px;padding:3rem 2.5rem}.verify-icon{width:70px;height:70px;color:var(--primary);background:#1a9c6e1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.verify-box h1{color:var(--secondary);margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:800}.verify-box p{color:var(--text-light);margin-bottom:2rem;font-size:.95rem}.verify-note{text-align:left;background:#1a9c6e0d;border:1px solid #1a9c6e33;border-radius:10px;align-items:flex-start;gap:.6rem;margin-bottom:.5rem;padding:.8rem 1rem;display:flex}.verify-note-icon{color:var(--primary);flex-shrink:0;margin-top:.1rem;font-size:1rem}.verify-note p{color:var(--text-light);margin:0;font-size:.82rem;line-height:1.5}.input-error{color:#e53e3e;text-align:left;margin-top:.3rem;font-size:.82rem}.photo-upload-wrap{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.photo-upload{border:2.5px dashed var(--primary);cursor:pointer;background:#1a9c6e0d;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;transition:all .2s;display:flex;position:relative;overflow:hidden}.photo-upload:hover{background:#1a9c6e1a}.photo-preview{object-fit:cover;border-radius:50%;width:100%;height:100%}.photo-placeholder{flex-direction:column;align-items:center;gap:.4rem;display:flex}.photo-placeholder-icon{color:var(--primary);font-size:2rem}.photo-placeholder p{color:var(--text-light);margin:0;font-size:.75rem}.photo-camera-btn{background:var(--primary);width:28px;height:28px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;bottom:4px;right:4px}.photo-hint{color:var(--text-light);margin:0;font-size:.8rem}.matric-prefix{color:var(--primary);pointer-events:none;background:#1a9c6e1a;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;position:absolute;left:1rem}.matric-input{padding-left:5rem!important}.matric-count{color:var(--text-light);font-size:.75rem;position:absolute;right:1rem}@media (width<=768px){.verify-box{border-radius:16px;padding:2rem 1.5rem}.verify-box h1{font-size:1.3rem}.verify-icon{width:58px;height:58px;margin-bottom:1.2rem;font-size:1.6rem}}.setup-box{background:var(--white);text-align:center;width:100%;max-width:600px;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:20px;padding:3rem 2.5rem}.setup-box h1{color:var(--secondary);margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:800}.setup-box>p{color:var(--text-light);margin-bottom:2rem;font-size:.95rem}.setup-step{color:var(--text-light);font-size:.85rem;font-weight:500}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.select-input{border:1.5px solid var(--border);width:100%;color:var(--text-dark);background:var(--bg-light);appearance:none;border-radius:10px;outline:none;padding:.85rem 1rem .85rem 2.75rem;font-family:inherit;font-size:.95rem;transition:border .2s}.select-input:focus{border-color:var(--primary);background:var(--white)}.textarea-input{border:1.5px solid var(--border);width:100%;color:var(--text-dark);background:var(--bg-light);resize:vertical;border-radius:10px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:border .2s}.textarea-input:focus{border-color:var(--primary);background:var(--white)}@media (width<=768px){.setup-box{border-radius:16px;padding:2rem 1.5rem}.setup-box h1{font-size:1.3rem}.form-row{grid-template-columns:1fr}}.error-input{background:#fef2f2!important;border-color:#ef4444!important}.error-border{border-width:2px!important;border-color:#ef4444!important}.field-error{color:#ef4444;text-align:left;margin-top:.25rem;font-size:.7rem}.required-star{color:#ef4444;margin-left:2px}.photo-hint{color:#94a3b8;margin-top:.25rem;font-size:.7rem}.portfolio-upload-area{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;margin-top:.5rem;padding:2rem 1.5rem;transition:all .2s}.portfolio-upload-icon{color:#6366f1;margin-bottom:.75rem;font-size:2rem}.portfolio-upload-area p{color:#1e293b;margin-bottom:.25rem;font-size:.95rem;font-weight:500}.portfolio-upload-area span{color:#64748b;font-size:.8rem}.portfolio-uploading{background-color:#f8fafc;border-radius:8px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.spinner-small{border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portfolio-uploading p{color:#475569;margin:0;font-size:.875rem}.portfolio-list h4{color:#1e293b;border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.portfolio-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .2s;display:flex}.portfolio-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.portfolio-item-preview{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.portfolio-file-icon{color:#6366f1;font-size:2rem}.portfolio-title-input{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.portfolio-title-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.portfolio-desc-input{color:#475569;resize:vertical;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;transition:all .2s}.portfolio-desc-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}@media (width<=640px){.portfolio-item{flex-direction:column;align-items:flex-start}.portfolio-item-preview{width:100%;height:120px}.portfolio-remove-btn{align-self:flex-end}.portfolio-upload-area{padding:1.5rem 1rem}.portfolio-upload-icon{font-size:1.75rem}}@media (prefers-color-scheme:dark){.portfolio-upload-area{background-color:#1e293b;border-color:#334155}.portfolio-upload-area:hover{background-color:#2d3a4e;border-color:#6366f1}.portfolio-upload-area p{color:#f1f5f9}.portfolio-upload-area span{color:#94a3b8}.portfolio-item{background-color:#1e293b;border-color:#334155}.portfolio-item:hover{border-color:#475569}.portfolio-item-preview{background-color:#0f172a;border-color:#334155}.portfolio-title-input,.portfolio-desc-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}.portfolio-title-input:focus,.portfolio-desc-input:focus{border-color:#6366f1}.portfolio-list h4{color:#f1f5f9;border-bottom-color:#334155}}.student-portfolio-preview{border-top:1px solid #00000014;margin-top:1rem;padding-top:.75rem}.student-portfolio-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.student-portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;display:grid}.student-portfolio-thumb{aspect-ratio:1;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s;overflow:hidden}.student-portfolio-thumb:hover{border-color:#6366f1;transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.student-portfolio-thumb img{object-fit:cover;width:100%;height:100%}.student-portfolio-thumb .file-icon{color:#6366f1;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.student-portfolio-more{color:#6366f1;text-align:center;margin-top:.5rem;font-size:.7rem}.portfolio-modal-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.portfolio-modal-content{background-color:#fff;border-radius:16px;max-width:90vw;max-height:90vh;position:relative;overflow:auto}.portfolio-modal-close{cursor:pointer;color:#fff;z-index:10;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.portfolio-modal-close:hover{background-color:#000000b3;transform:scale(1.05)}.portfolio-modal-body{padding:1.5rem}.portfolio-modal-body img{border-radius:8px;max-width:100%;height:auto}.portfolio-modal-body iframe,.portfolio-modal-body embed{border:none;border-radius:8px;width:100%;height:70vh}@media (width<=640px){.portfolio-modal-content{max-width:95vw;max-height:95vh}.portfolio-modal-body iframe,.portfolio-modal-body embed{height:50vh}}.custom-dropdown{width:100%;position:relative}.custom-dropdown-trigger{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex;color:#1e293b!important;background-color:#fff!important;border:1px solid #e2e8f0!important}.custom-dropdown-trigger:hover{border-color:#1a9c6e!important}.custom-dropdown-trigger:focus{outline:none;border-color:#1a9c6e!important}.custom-dropdown-trigger .placeholder{color:#94a3b8!important}.dropdown-icon{font-size:1.2rem;transition:transform .2s;color:#64748b!important}.dropdown-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{z-index:50;border-radius:12px;max-height:300px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005;background-color:#fff!important;border:1px solid #e2e8f0!important}.custom-dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex;color:#1e293b!important}.custom-dropdown-item:hover{color:#1a9c6e!important;background-color:#f0fdf4!important}.custom-dropdown-item.selected{font-weight:500;color:#1a9c6e!important;background-color:#f0fdf4!important}.check-icon{font-size:1rem;color:#1a9c6e!important}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{border-radius:10px;background:#f1f5f9!important}.custom-dropdown-menu::-webkit-scrollbar-thumb{border-radius:10px;background:#cbd5e1!important}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#1a9c6e!important}.custom-dropdown-trigger.error-border{background-color:#fef2f2;border-color:#ef4444}.portfolio-section{border-top:1px solid #00000014;margin-top:1.5rem;padding-top:1.5rem}.portfolio-upload-area{text-align:center;cursor:pointer;border-radius:12px;margin-top:.5rem;padding:2rem 1.5rem;transition:all .2s;background-color:#f8fafc!important;border:2px dashed #e2e8f0!important}.portfolio-upload-area:hover{background-color:#f0fdf4!important;border-color:#1a9c6e!important}.portfolio-upload-icon{margin-bottom:.75rem;font-size:2rem;color:#1a9c6e!important}.portfolio-upload-area p{margin-bottom:.25rem;font-size:.95rem;font-weight:500;color:#1e293b!important}.portfolio-upload-area span{font-size:.8rem;color:#64748b!important}.portfolio-uploading{border-radius:8px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex;background-color:#f8fafc!important}.spinner-small{border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;border:2px solid #e2e8f0!important;border-top-color:#1a9c6e!important}.portfolio-uploading p{margin:0;font-size:.875rem;color:#475569!important}.portfolio-list{margin-top:1.5rem}.portfolio-list h4{color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600;border-bottom:1px solid #e2e8f0!important}.portfolio-item{border-radius:12px;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .2s;display:flex;background-color:#f8fafc!important;border:1px solid #e2e8f0!important}.portfolio-item:hover{box-shadow:0 2px 8px #1a9c6e1a;border-color:#1a9c6e!important}.portfolio-item-preview{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden;background-color:#fff!important;border:1px solid #e2e8f0!important}.portfolio-item-preview img{object-fit:cover;width:100%;height:100%}.portfolio-file-icon{font-size:2rem;color:#1a9c6e!important}.portfolio-item-details{flex-direction:column;flex:1;gap:.5rem;display:flex}.portfolio-title-input{color:#1e293b;border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;background-color:#fff!important;border:1px solid #e2e8f0!important}.portfolio-title-input:focus{outline:none;box-shadow:0 0 0 3px #1a9c6e1a;border-color:#1a9c6e!important}.portfolio-desc-input{color:#475569;resize:vertical;border-radius:8px;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;transition:all .2s;background-color:#fff!important;border:1px solid #e2e8f0!important}.portfolio-desc-input:focus{outline:none;box-shadow:0 0 0 3px #1a9c6e1a;border-color:#1a9c6e!important}.portfolio-remove-btn{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.portfolio-remove-btn:hover{background-color:#fecaca;transform:scale(1.05)}@media (width<=640px){.portfolio-item{flex-direction:column;align-items:flex-start}.portfolio-item-preview{width:100%;height:120px}.portfolio-remove-btn{align-self:flex-end}.portfolio-upload-area{padding:1.5rem 1rem}.portfolio-upload-icon{font-size:1.75rem}}.auth-error{color:#dc2626;word-wrap:break-word;white-space:normal;text-align:left;background:#fee2e2;border-left:4px solid #dc2626;border-radius:12px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}@media (width<=768px){.auth-page{flex-direction:column;min-height:100vh}.auth-left{display:none}.auth-right{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 1.5rem;display:flex}.auth-box{width:100%;max-width:400px;margin:0 auto;padding:1.5rem}.auth-error{border-radius:10px;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem}.form-group{margin-bottom:1.25rem}.input-wrap{min-height:48px}.input-wrap input{padding:.875rem .875rem .875rem 2.5rem;font-size:16px}.auth-btn{margin-top:.5rem;padding:.875rem;font-size:1rem}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.875rem}}@media (width<=480px){.auth-right{padding:1rem}.auth-box{padding:1.25rem}.auth-error{padding:.7rem;font-size:.8rem}.auth-box h1{font-size:1.5rem}.auth-sub{font-size:.875rem}}.toast-container{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:14px 18px;animation:.3s slideInRight;display:flex;box-shadow:0 8px 25px #0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{background:linear-gradient(135deg,#fff,#f0fdf4);border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{background:linear-gradient(135deg,#fff,#fef2f2);border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{background:linear-gradient(135deg,#fff,#fffbeb);border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{background:linear-gradient(135deg,#fff,#eff6ff);border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{justify-content:center;align-items:center;font-size:22px;display:flex}.toast-message{color:#334155;flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#475569;background:#f1f5f9}@media (width<=768px){.toast-container{top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:100%;padding:12px 16px}.toast-message{font-size:13px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-confirmation{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:420px;padding:28px 24px 24px;animation:.3s slideUp;position:relative;box-shadow:0 20px 35px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-confirmation-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.modal-confirmation-title{color:#0f172a;margin-bottom:8px;font-size:1.3rem;font-weight:700}.modal-confirmation-message{color:#64748b;margin-bottom:24px;font-size:.9rem;line-height:1.5}.modal-confirmation-buttons{justify-content:center;gap:12px;display:flex}.modal-btn-cancel,.modal-btn-confirm{cursor:pointer;border:none;border-radius:40px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.modal-btn-cancel{color:#475569;background:#f1f5f9}.modal-btn-cancel:hover{background:#e2e8f0}.modal-btn-confirm{color:#fff;background:#1a9c6e}.modal-btn-confirm:hover{background:#158f5e;transform:translateY(-1px)}.modal-btn-danger{background:#ef4444}.modal-btn-danger:hover{background:#dc2626}.modal-btn-warning{background:#f59e0b}.modal-btn-warning:hover{background:#d97706}.modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px;transition:color .2s;position:absolute;top:16px;right:16px}.modal-close:hover{color:#475569}@media (width<=768px){.modal-confirmation{width:95%;padding:24px 20px 20px}.modal-confirmation-icon{width:52px;height:52px;font-size:24px}.modal-confirmation-title{font-size:1.2rem}.modal-confirmation-buttons{gap:10px}.modal-btn-cancel,.modal-btn-confirm{padding:8px 16px;font-size:.8rem}}:root{--sidebar-width:260px;--primary:#1a9c6e;--primary-dark:#158f5e;--primary-light:#1a9c6e14;--secondary:#0d1b2a;--accent:#f5b042;--white:#fff;--bg-light:#f0f2f5;--bg-card:#fff;--text-dark:#0d1b2a;--text-light:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-xs:0 1px 3px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000017;--shadow-lg:0 8px 32px #00000021;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px}.dashboard{background:var(--bg-light);width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;background:#0d3b2e!important}.sidebar-drawer{background:#0d3b2e!important}.sidebar-header{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:.15rem;padding:1rem .6rem;display:flex;overflow:hidden auto}.nav-item{border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;white-space:nowrap;align-items:center;gap:.75rem;padding:.72rem .85rem;font-size:.875rem;font-weight:500;transition:all .18s;display:flex;position:relative}.nav-item svg{flex-shrink:0;min-width:18px;font-size:1.05rem}.nav-item span{max-width:160px;display:inline-block}.nav-item:hover{color:#ffffffe6;background:#ffffff14}.nav-item-active{box-shadow:0 3px 10px #1a9c6e59;background:var(--primary)!important;color:var(--white)!important}.nav-badge{color:var(--white);text-align:center;background:#ef4444;border-radius:50px;flex-shrink:0;min-width:17px;margin-left:auto;padding:.12rem .42rem;font-size:.6rem;font-weight:700}.sidebar-bottom{border-top:1px solid #ffffff0f;padding:.75rem .6rem;overflow:hidden}.sidebar-profile{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff0d;align-items:center;gap:.75rem;margin-bottom:.4rem;padding:.65rem .75rem;transition:background .2s;display:flex;overflow:hidden}.sidebar-profile:hover{background:#ffffff17}.sidebar-avatar{background:var(--primary);width:36px;height:36px;color:var(--white);border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-name{color:var(--white);text-overflow:ellipsis;max-width:140px;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-role{color:#fff6;font-size:.65rem}.logout-item{color:#ef4444a6!important}.logout-item:hover{color:#f87171!important;background:#ef44441a!important}.main-content-area{height:100vh;margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width<=768px){.main-content-area,.dashboard-main{margin-left:0!important}}.dashboard-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;gap:1.25rem;min-height:100vh;padding:1.25rem 1.5rem;transition:margin-left .25s;display:flex}.topbar{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);flex-shrink:0;justify-content:space-between;align-items:center;min-height:68px;padding:.9rem 1.5rem;display:flex}.topbar-left{align-items:center;gap:1rem;display:flex}.greeting h1,.topbar-title{color:var(--text-dark);letter-spacing:-.3px;margin-bottom:.12rem;font-size:1.2rem;font-weight:700;line-height:1.3}.greeting p,.topbar-sub{color:var(--text-light);font-size:.775rem}.topbar-actions{align-items:center;gap:.6rem;display:flex}.topbar-notif{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);cursor:pointer;width:40px;height:40px;color:var(--text-light);justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex;position:relative}.post-job-btn{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.58rem 1.15rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.post-job-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1a9c6e4d}.student-topbar-avatar{background:var(--primary);width:40px;height:40px;color:var(--white);cursor:pointer;border:2px solid #1a9c6e33;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .22s;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:0 0 var(--radius-lg) var(--radius-lg);height:3px;position:absolute;bottom:0;left:0;right:0}.stat-green:after{background:var(--primary)}.stat-blue:after{background:#3b82f6}.stat-purple:after{background:#8b5cf6}.stat-orange:after{background:#f97316}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.stat-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.35rem;display:flex}.stat-green .stat-card-icon{color:var(--primary);background:#1a9c6e1a}.stat-blue .stat-card-icon{color:#3b82f6;background:#3b82f61a}.stat-purple .stat-card-icon{color:#8b5cf6;background:#8b5cf61a}.stat-orange .stat-card-icon{color:#f97316;background:#f973161a}.stat-info{flex:1}.stat-value{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:.2rem;font-size:1.6rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;font-size:.7rem;font-weight:600}.section-header{justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-dark);letter-spacing:-.2px;font-size:1rem;font-weight:700}.card-link,.view-all-link{color:var(--primary);background:var(--primary-light);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.3rem;padding:.38rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.card-link:hover,.view-all-link:hover{background:#1a9c6e24}.bidders-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.bidder-card{background:var(--white);border:1px solid var(--border);border-radius:16px;transition:all .25s;overflow:hidden;box-shadow:0 1px 4px #0000000d}.bidder-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 28px #1a9c6e21}.bidder-card-banner{background:linear-gradient(135deg,#0d1b2a 0%,#1a3a4f 100%);flex-shrink:0;height:160px;position:relative;overflow:hidden}.bidder-card-banner img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.bidder-card-banner-overlay{background:linear-gradient(#0000 40%,#0006 100%);position:absolute;inset:0}.bidder-card-body{flex-direction:column;gap:.75rem;padding:.85rem 1.1rem 1.1rem;display:flex}.bidder-header{align-items:center;gap:.75rem;display:flex}.bidder-avatar{background:var(--primary);width:44px;height:44px;color:var(--white);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex;overflow:hidden}.bidder-avatar img{object-fit:cover;width:100%;height:100%}.bidder-details{flex:1;padding-bottom:.15rem}.bidder-name{color:var(--text-dark);margin-bottom:.2rem;font-size:.95rem;font-weight:700;line-height:1.2}.bidder-job{color:var(--text-light);background:var(--bg-light);border-radius:50px;align-items:center;gap:.25rem;padding:.18rem .6rem;font-size:.68rem;font-weight:500;display:inline-flex}.bidder-stats{background:var(--bg-light);border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .75rem;display:flex}.bidder-rating{align-items:center;gap:.28rem;display:flex}.bidder-rating .star{color:#fbbf24;font-size:.85rem}.rating-score{color:var(--text-dark);font-size:.85rem;font-weight:700}.review-count{color:var(--text-muted);font-size:.65rem}.bidder-completed{color:var(--primary);align-items:center;gap:.28rem;font-size:.7rem;font-weight:600;display:flex}.bidder-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.bid-price{flex-direction:column;gap:.08rem;display:flex}.price-amount{color:var(--primary);letter-spacing:-.3px;font-size:1.2rem;font-weight:800;line-height:1.2}.price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.62rem;font-weight:500}.bidder-actions{align-items:center;gap:.5rem;display:flex}.quick-actions{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.quick-action-card{background:var(--white);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);cursor:pointer;flex-direction:column;align-items:center;gap:.7rem;padding:1.5rem 1rem;transition:all .22s;display:flex}.quick-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.quick-action-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;display:flex}.quick-action-card p{color:var(--text-dark);font-size:.82rem;font-weight:600}.btn-primary{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.58rem 1.1rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1a9c6e4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.58rem 1.1rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.btn-primary.btn-small,.btn-outline.btn-small{border-radius:8px;padding:.35rem .8rem;font-size:.7rem}.auth-btn{background:var(--primary);width:100%;color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.78rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.auth-btn:hover{background:var(--primary-dark)}.icon-btn{border:1px solid var(--border);background:var(--white);width:34px;height:34px;color:var(--text-light);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.88rem;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.icon-btn-danger:hover{color:#ef4444;border-color:#ef4444}.hire-btn{background:var(--primary);cursor:pointer;color:var(--white);border:none;border-radius:8px;padding:.38rem 1rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .2s}.hire-btn:hover{background:var(--primary-dark)}.chat-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-light);background:0 0;border-radius:8px;align-items:center;gap:.3rem;padding:.38rem .85rem;font-family:inherit;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.chat-btn:hover{border-color:var(--primary);color:var(--primary)}.accept-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.accept-btn:hover{background:var(--primary-dark)}.reject-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.reject-btn:hover{background:#b91c1c}.job-status{letter-spacing:.3px;border-radius:50px;align-items:center;padding:.2rem .65rem;font-size:.65rem;font-weight:700;display:inline-flex}.bid-status{border-radius:50px;padding:.18rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.bid-status.pending{color:#b45309;background:#f5b0421f}.bid-status.accepted{color:var(--primary);background:#1a9c6e1a}.bid-status.rejected{color:#dc2626;background:#ef44441a}.bid-status-accepted{color:var(--primary);background:#1a9c6e1a;border-radius:50px;padding:.18rem .6rem;font-size:.65rem;font-weight:700}.bid-status-pending{color:#b45309;background:#f5b0421f;border-radius:50px;padding:.18rem .6rem;font-size:.65rem;font-weight:700}.bid-status-rejected{color:#dc2626;background:#ef44441a;border-radius:50px;padding:.18rem .6rem;font-size:.65rem;font-weight:700}.empty-state{background:var(--white);border-radius:var(--radius-lg);border:1.5px dashed var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-icon{color:var(--border);font-size:2.5rem}.empty-state h3{color:var(--text-dark);font-size:1rem;font-weight:700}.empty-state p{color:var(--text-light);font-size:.82rem}.profile-layout{grid-template-columns:270px 1fr;align-items:start;gap:1.5rem;display:grid}.profile-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);position:sticky;top:80px;overflow:hidden}.profile-card-banner{background:linear-gradient(135deg, var(--secondary) 0%, #1a3a4f 100%);height:80px}.profile-card-body{text-align:center;padding:0 1.5rem 1.5rem}.profile-photo-wrap{justify-content:center;margin-top:-36px;margin-bottom:1rem;display:flex}.profile-photo{background:var(--primary);border:4px solid var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.profile-photo-placeholder{color:var(--white);font-size:1.8rem;font-weight:800}.profile-photo-overlay{color:var(--white);opacity:0;background:#00000073;justify-content:center;align-items:center;font-size:1.1rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-photo:hover .profile-photo-overlay{opacity:1}.profile-name{color:var(--text-dark);letter-spacing:-.3px;margin-bottom:.25rem;font-size:1.05rem;font-weight:800}.profile-type{color:var(--text-light);margin-bottom:.8rem;font-size:.75rem}.profile-rating-row{color:var(--text-dark);justify-content:center;align-items:center;gap:.25rem;margin-bottom:1.25rem;font-size:.82rem;font-weight:600;display:flex}.profile-rating-row .star{color:#fbbf24}.profile-stats{border-top:1px solid var(--border-light);justify-content:space-around;padding-top:1rem;display:flex}.profile-stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.profile-stat-value{color:var(--primary);font-size:1.2rem;font-weight:800}.profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.62rem}.profile-form-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);padding:1.5rem}.profile-form-card h3{color:var(--text-dark);border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.92rem;font-weight:700}.profile-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.38rem;display:flex}.form-group label{color:var(--text-dark);font-size:.78rem;font-weight:600}.form-group input,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);background:var(--bg-light);outline:none;padding:.7rem .9rem;font-family:inherit;font-size:.86rem;transition:border .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #1a9c6e14}.form-group input:disabled,.form-group textarea:disabled{color:var(--text-muted);cursor:not-allowed}.form-group textarea{resize:vertical}.skills-list{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.skill-tag{background:var(--primary-light);color:var(--primary);border:1px solid #1a9c6e2e;border-radius:50px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.transactions-list{flex-direction:column;gap:.7rem;display:flex}.transaction-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--white);align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.transaction-item:hover{border-color:var(--primary)}.tx-icon{border-radius:var(--radius-sm);background:var(--bg-light);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;display:flex}.tx-out{color:var(--primary)}.tx-hold{color:#3b82f6}.tx-pending{color:#f59e0b}.escrow-info-card{border-radius:var(--radius-md);background:#1a9c6e0d;border:1px solid #1a9c6e26;align-items:flex-start;gap:1rem;margin-top:1rem;padding:1rem 1.25rem;display:flex}.escrow-info-icon{color:var(--primary);flex-shrink:0;margin-top:.1rem;font-size:1.35rem}.escrow-info-card h3{color:var(--text-dark);margin-bottom:.22rem;font-size:.88rem;font-weight:700}.escrow-info-card p{color:var(--text-light);font-size:.78rem;line-height:1.55}.search-bar-wrap{gap:.75rem;margin-bottom:1.25rem;display:flex}.search-bar{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);flex:1;align-items:center;gap:.6rem;padding:.62rem 1rem;transition:all .2s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1a9c6e14}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:.95rem}.search-bar input{width:100%;color:var(--text-dark);background:0 0;border:none;outline:none;font-family:inherit;font-size:.875rem}.filter-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text-light);cursor:pointer;align-items:center;gap:.45rem;padding:.62rem 1.1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.category-pills{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.pill{border:1.5px solid var(--border);background:var(--white);color:var(--text-light);cursor:pointer;border-radius:50px;padding:.35rem 1rem;font-family:inherit;font-size:.76rem;font-weight:500;transition:all .2s}.pill:hover{border-color:var(--primary);color:var(--primary)}.pill-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.view-container{flex-direction:column;gap:1.25rem;display:flex}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.view-title{color:var(--text-dark);letter-spacing:-.3px;margin-bottom:.18rem;font-size:1.25rem;font-weight:800}.view-sub{color:var(--text-light);font-size:.76rem}.view-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-tabs{gap:.4rem;display:flex}.filter-tab{border:1.5px solid var(--border);background:var(--white);color:var(--text-light);cursor:pointer;border-radius:8px;padding:.35rem .9rem;font-family:inherit;font-size:.76rem;font-weight:500;transition:all .2s}.filter-tab:hover{border-color:var(--primary);color:var(--primary)}.filter-tab-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.my-bids-grid{flex-direction:column;gap:.7rem;display:flex}.my-bid-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .2s;display:flex}.my-bid-card:hover{border-color:var(--primary)}.my-bid-left{align-items:center;gap:.8rem;display:flex}.bid-job-icon{border-radius:var(--radius-sm);background:var(--primary-light);width:42px;height:42px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.my-bid-title{color:var(--text-dark);margin-bottom:.18rem;font-size:.875rem;font-weight:600}.my-bid-client{color:var(--text-light);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.my-bid-right{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.my-bid-amount{color:var(--primary);font-size:1rem;font-weight:700}.bids-summary{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.bid-summary-card{background:var(--white);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);padding:1.5rem;transition:all .2s}.bid-summary-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.bid-summary-icon{margin-bottom:.5rem;font-size:1.8rem;display:block}.pending-icon{color:#f59e0b}.accepted-icon{color:var(--primary)}.rejected-icon{color:#ef4444}.bid-summary-value{color:var(--text-dark);font-size:1.6rem;font-weight:800;display:block}.bid-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.68rem}.bids-full-list{flex-direction:column;gap:.85rem;display:flex}.bid-full-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .2s;display:flex}.bid-full-card:hover{border-color:var(--primary)}.bid-full-top{align-items:center;gap:1rem;display:flex}.bid-full-info{flex:1}.bid-full-title{color:var(--text-dark);margin-bottom:.18rem;font-size:.9rem;font-weight:700}.bid-full-client{color:var(--text-light);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.bid-full-right{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.bid-full-amount{color:var(--primary);font-size:1rem;font-weight:800}.bid-proposal{background:var(--bg-light);border-radius:var(--radius-sm);padding:.75rem 1rem}.bid-proposal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.65rem;font-weight:700}.bid-proposal-text{color:var(--text-dark);font-size:.8rem;line-height:1.55}.bid-accepted-banner{color:var(--primary);background:#1a9c6e14;border:1px solid #1a9c6e33;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.76rem;font-weight:500;display:flex}.chat-page{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);height:calc(100vh - 130px);box-shadow:var(--shadow-sm);grid-template-columns:300px 1fr;gap:0;display:grid;overflow:hidden}.chat-list{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.chat-list-header h3{color:var(--text-dark);font-size:1rem;font-weight:700}.chat-list-items{flex:1;overflow-y:auto}.chat-list-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:.85rem;padding:.9rem 1.25rem;transition:background .18s;display:flex;position:relative}.chat-list-item.active{border-left:3px solid var(--primary);background:#1a9c6e0d}.chat-avatar{flex-shrink:0;width:44px;height:44px;position:relative}.chat-avatar img,.avatar-placeholder{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.unread-badge{color:#fff;border:2px solid var(--white);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.chat-info{flex:1;min-width:0}.chat-name{color:var(--text-dark);margin-bottom:.18rem;font-size:.85rem;font-weight:600}.chat-last-message{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.chat-job{color:var(--primary);align-items:center;gap:.2rem;margin-top:.18rem;font-size:.65rem;display:flex}.chat-time{color:var(--text-muted);flex-shrink:0;font-size:.62rem}.chat-list-empty,.chat-list-loading{text-align:center;color:var(--text-light);padding:2rem;font-size:.82rem}.chat-window{flex-direction:column;display:flex;overflow:hidden}.chat-window-empty{color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;font-size:.85rem;display:flex}.chat-window-header{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.chat-user-info{align-items:center;gap:1rem;display:flex}.chat-user-name{color:var(--text-dark);font-size:.9rem;font-weight:700}.chat-job-info{color:var(--primary);align-items:center;gap:.3rem;margin-top:.18rem;font-size:.7rem;display:flex}.chat-messages{background:var(--bg-light);flex-direction:column;flex:1;gap:.85rem;padding:1.25rem;display:flex;overflow-y:auto}.message{flex-direction:column;display:flex}.message-sent{align-items:flex-end}.message-received{align-items:flex-start}.message-bubble{border-radius:14px;max-width:68%;padding:.68rem 1rem;font-size:.84rem;line-height:1.5}.message-sent .message-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message-received .message-bubble{background:var(--white);color:var(--text-dark);box-shadow:var(--shadow-xs);border-bottom-left-radius:4px}.message-time{color:var(--text-muted);margin-top:.18rem;font-size:.6rem}.chat-input{border-top:1px solid var(--border);background:var(--white);gap:.6rem;padding:1rem 1.25rem;display:flex}.chat-input textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:none;color:var(--text-dark);outline:none;flex:1;padding:.68rem .9rem;font-family:inherit;font-size:.86rem;transition:border .2s}.chat-input textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a9c6e14}.chat-input button{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.chat-input button:hover:not(:disabled){background:var(--primary-dark)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.notification-count{color:#fff;border:2px solid var(--white);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-popup{background:var(--white);border-radius:var(--radius-lg);width:330px;max-height:430px;box-shadow:var(--shadow-xl,0 16px 48px #00000029);z-index:1000;border:1px solid var(--border);flex-direction:column;animation:.18s slideDown;display:flex;position:absolute;top:48px;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifications-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notifications-header h3{color:var(--text-dark);font-size:.92rem;font-weight:700}.mark-all-read{color:var(--primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.72rem;font-weight:600}.close-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;align-items:center;font-size:.95rem;display:flex}.notifications-list{flex:1;max-height:380px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;transition:background .18s;display:flex;position:relative}.notification-item:hover{background:var(--bg-light)}.notification-item.unread{background:#1a9c6e0a}.notification-icon{background:var(--bg-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:flex}.notification-content{flex:1}.notification-title{color:var(--text-dark);margin-bottom:.18rem;font-size:.8rem;font-weight:600}.notification-message{color:var(--text-light);margin-bottom:.18rem;font-size:.7rem;line-height:1.45}.notification-time{color:var(--text-muted);font-size:.6rem}.notification-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.notifications-empty,.notifications-loading{text-align:center;color:var(--text-light);padding:2rem;font-size:.8rem}.sidebar-drawer-overlay{z-index:199;background:#00000080;display:none;position:fixed;inset:0}.sidebar-drawer-overlay.open{display:block}.sidebar-drawer{background:var(--secondary);z-index:200;flex-direction:column;width:260px;transition:transform .28s;display:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}@media (width<=768px){.sidebar-drawer{display:flex}}.drawer-close-btn{cursor:pointer;width:32px;height:32px;color:var(--white);background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.drawer-close-btn:hover{background:#fff3}.bottom-nav{background:var(--white);padding:.5rem 1rem;padding-bottom:env(safe-area-inset-bottom,.5rem);border-top:1px solid var(--border);z-index:99;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:.18rem;padding:.32rem .7rem;font-family:inherit;font-size:.58rem;font-weight:500;transition:all .2s;display:flex;position:relative}.bottom-nav-badge{color:var(--white);border:1.5px solid var(--white);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:-1px;right:4px}.mobile-menu-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);cursor:pointer;width:40px;height:40px;color:var(--text-light);justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:none}@media (width<=1280px){.stats-grid,.bidders-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.profile-layout{grid-template-columns:1fr}.profile-card{position:static}.chat-page{grid-template-columns:1fr;height:auto}.chat-list{max-height:360px}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.dashboard-main{padding:1rem 1rem 72px;margin-left:0!important}.mobile-menu-btn,.bottom-nav{display:flex}.topbar{border-radius:var(--radius-md);padding:.7rem 1rem}.greeting h1,.topbar-title{font-size:.95rem}.greeting p,.topbar-sub{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.bidders-grid{grid-template-columns:1fr}.jobs-card-grid{grid-template-columns:1fr;gap:.85rem}.quick-actions{grid-template-columns:repeat(2,1fr);gap:.75rem}.bids-summary{grid-template-columns:1fr;gap:.75rem}.profile-form-card{padding:1.25rem}.notifications-popup{width:auto;position:fixed;top:60px;left:10px;right:10px}.my-bid-card{flex-wrap:wrap;gap:.75rem}.bid-full-top{flex-wrap:wrap}}@media (width<=480px){.dashboard-main{padding:.75rem .75rem 72px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.job-card-body{padding:.9rem 1rem}.bidder-card-body{padding:0 1rem 1rem}.quick-action-card{padding:1rem}}.earnings-hero{background:linear-gradient(135deg, var(--secondary) 0%, #1a3a4f 100%);border-radius:var(--radius-xl);color:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex}.earnings-hero-left h2{opacity:.65;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem;font-size:.82rem;font-weight:600}.earnings-hero-left .big-amount{letter-spacing:-1px;color:#25d4a0;font-size:2.5rem;font-weight:800;line-height:1.1}.earnings-hero-left p{opacity:.6;margin-top:.4rem;font-size:.78rem}.earnings-hero-right{gap:1.5rem;display:flex}.earnings-mini-stat{text-align:center;border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff1a;padding:1rem 1.5rem}.earnings-mini-stat-value{color:var(--white);font-size:1.4rem;font-weight:800;line-height:1.2;display:block}.earnings-mini-stat-label{opacity:.55;text-transform:uppercase;letter-spacing:.6px;margin-top:.25rem;font-size:.65rem;display:block}.transaction-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.transaction-card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.transaction-card-header h3{color:var(--text-dark);font-size:.92rem;font-weight:700}.transaction-item{border-bottom:1px solid var(--border-light);align-items:center;gap:1rem;padding:.9rem 1.25rem;transition:background .18s;display:flex}.transaction-item:last-child{border-bottom:none}.tx-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.tx-out{color:var(--primary);background:#1a9c6e1a}.tx-hold{color:#3b82f6;background:#3b82f61a}.tx-pending{color:#f59e0b;background:#f5b0421a}.tx-info{flex:1}.tx-title{color:var(--text-dark);margin-bottom:.15rem;font-size:.875rem;font-weight:600}.tx-sub{color:var(--text-muted);font-size:.7rem}.tx-right{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.tx-amount{color:var(--text-dark);font-size:.95rem;font-weight:700}.tx-status{font-size:.65rem;font-weight:600}.dashboard-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}body.modal-open{height:100vh;overflow:hidden}body.modal-open .dashboard-main{pointer-events:none;overflow:hidden}body.modal-open .sidebar{pointer-events:none}@media (width<=768px){.sidebar-drawer-overlay{z-index:199;background:#00000080;position:fixed;inset:0}.sidebar-drawer-overlay.open{display:block}.sidebar-drawer{z-index:200;flex-direction:column;width:280px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0003;background:#0d3b2e!important}.sidebar-drawer.open{transform:translate(0)}.drawer-header-right{justify-content:flex-end;padding:1rem;display:flex}.drawer-close-btn-right{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.drawer-close-btn-right:hover{background:#ffffff40}.drawer-nav{flex:1;padding:0 1rem}.drawer-nav .nav-item{color:#ffffffb3;cursor:pointer;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.25rem;padding:.9rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.drawer-nav .nav-item svg{min-width:24px;font-size:1.2rem}.drawer-nav .nav-item span{font-size:.9rem}.drawer-nav .nav-item:hover{color:#fff;background:#ffffff1a}.drawer-nav .nav-item-active{color:#fff!important;background:#1a9c6e!important}.drawer-nav .nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:50px;min-width:20px;margin-left:auto;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.drawer-bottom{border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem}.drawer-profile{background:#ffffff14;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.drawer-avatar{color:#0d3b2e;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:700;display:flex}.drawer-name{color:#fff;margin-bottom:.2rem;font-size:.9rem;font-weight:600}.drawer-role{color:#fff9;font-size:.7rem}.drawer-logout{cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex;color:#ef4444cc!important}.drawer-logout svg{font-size:1.2rem}.drawer-logout span{font-size:.9rem}.drawer-logout:hover{color:#f87171!important;background:#ef444426!important}}.main-content-area{height:100vh;margin-left:var(--sidebar-width);flex-direction:column;flex:1;transition:margin-left .25s;display:flex;overflow:hidden}.dashboard-main.sidebar-collapsed .main-content-area{margin-left:var(--sidebar-collapsed)}@media (width<=768px){.main-content-area{margin-left:0!important}}.topbar-sticky{z-index:100;background:#f5f7fb;flex-shrink:0;padding:.75rem 1rem 0;position:sticky;top:0}.scrollable-content::-webkit-scrollbar{width:6px}.scrollable-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.scrollable-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (width<=768px){.topbar-sticky{padding:.5rem}.topbar{min-height:56px;padding:.4rem .75rem}.scrollable-content{padding:0 .75rem .75rem}.mobile-menu-btn{width:36px;height:36px}.logo-icon-topbar{font-size:1.1rem}.logo-text-topbar{font-size:.85rem}.topbar-notif,.student-topbar-avatar{width:36px;height:36px}}.dashboard-main{margin-left:0;padding:0}.modal-header{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e8edf2;border-radius:28px 28px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.modal-header h2{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.3rem;font-weight:700;display:flex}.modal-header h2:before{content:"💰";font-size:1.2rem}.job-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1.5rem;padding:1.25rem}.job-info-title{color:#0f172a;margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.4}.job-info-budget{color:#1a9c6e;background:#1a9c6e1a;border-radius:50px;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.form-group label svg{color:#1a9c6e;margin-right:.3rem}.form-group input,.form-group textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.error-message:before{content:"⚠️"}.modal-footer{background:#fafcff;border-top:1px solid #e8edf2;border-radius:0 0 28px 28px;padding:1.25rem 1.75rem 1.75rem}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a9c6e4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-modal{text-align:center;max-width:420px}.success-icon{background:linear-gradient(135deg,#1a9c6e 0%,#25d4a0 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;animation:.4s popIn;display:flex;box-shadow:0 10px 25px -5px #1a9c6e4d}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon svg{color:#fff;font-size:2.5rem}.success-modal h2{color:#0f172a;margin:1.25rem 0 .5rem;font-size:1.6rem;font-weight:800}.success-modal p{color:#64748b;margin-bottom:1.5rem;font-size:.9rem}.bid-summary{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin:1rem 0;padding:1rem}.bid-summary p{margin:.5rem 0;font-size:.85rem}.bid-summary p strong{color:#0f172a;width:80px;display:inline-block}.modal-buttons{gap:1rem;margin-top:1rem;display:flex}.btn-primary-modal{color:#fff;cursor:pointer;background:#1a9c6e;border:none;border-radius:40px;flex:1;padding:.85rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-primary-modal:hover{background:#158f5e;transform:translateY(-1px)}.btn-outline-modal{color:#1a9c6e;cursor:pointer;background:0 0;border:1.5px solid #1a9c6e;border-radius:40px;flex:1;padding:.85rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-outline-modal:hover{background:#1a9c6e0d;transform:translateY(-1px)}@media (width<=768px){.modal-container{border-radius:24px;width:95%}.modal-header{padding:1.25rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem 1.25rem}.modal-buttons{flex-direction:column;gap:.75rem}.success-modal h2{font-size:1.3rem}.success-icon{width:60px;height:60px}.success-icon svg{font-size:2rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.success-modal-container{text-align:center;background:#fff;border-radius:32px;width:90%;max-width:450px;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.success-modal-container:before{content:"";background:linear-gradient(90deg,#1a9c6e,#25d4a0,#1a9c6e);height:4px;position:absolute;top:0;left:0;right:0}.success-checkmark{width:80px;height:80px;margin:0 auto;position:relative}.check-icon{box-sizing:content-box;border:3px solid #1a9c6e;border-radius:50%;width:80px;height:80px;animation:.3s ease-in-out .1s both scaleIn;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.check-icon .check-circle{background:#1a9c6e;border-radius:50%;width:100%;height:100%;animation:.5s ease-in-out .2s both pulse;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes tipAppear{0%{opacity:0;width:0}to{opacity:1;width:20px}}@keyframes longAppear{0%{opacity:0;width:0}to{opacity:1;width:35px}}.success-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.success-message{color:#64748b;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.success-message strong{color:#1a9c6e;font-weight:600}.bid-details-card{text-align:left;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1.75rem;padding:1.25rem}.bid-detail-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.bid-detail-label{color:#64748b;font-size:.8rem;font-weight:500}.bid-detail-value.highlight{color:#1a9c6e;font-size:1rem;font-weight:700}.success-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a9c6e 0%,#158f5e 100%);border:none;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.success-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a9c6e59}.success-btn-secondary{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.success-btn-secondary:hover{color:#1a9c6e;background:#1a9c6e0d;border-color:#1a9c6e}@media (width<=768px){.success-modal-container{border-radius:28px;width:92%;padding:1.5rem}.success-title{font-size:1.4rem}.success-checkmark,.check-icon{width:60px;height:60px}.check-icon .check-line.tip{width:15px;top:34px;left:16px}.check-icon .check-line.long{width:26px;top:28px;left:24px}@keyframes tipAppear{0%{width:0}to{width:15px}}@keyframes longAppear{0%{width:0}to{width:26px}}.bid-details-card{padding:1rem}.success-actions{flex-direction:column;gap:.75rem}.success-btn-primary,.success-btn-secondary{padding:.75rem}}@media (width<=480px){.success-modal-container{padding:1.25rem}.success-title{font-size:1.2rem}.success-message{font-size:.8rem}.bid-detail-label,.bid-detail-value{font-size:.75rem}}.portfolio-input-group{position:relative}.portfolio-input-group input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.portfolio-input-group input:focus{border-color:#1a9c6e;outline:none;box-shadow:0 0 0 3px #1a9c6e1a}.portfolio-input-group input::placeholder{color:#94a3b8;font-size:.85rem}.portfolio-hint{background:#f0fdf4;border-left:3px solid #1a9c6e;border-radius:10px;margin-top:.5rem;padding:.5rem .75rem}.portfolio-hint span{color:#166534;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.portfolio-examples{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.example-link{color:#1a9c6e;cursor:pointer;background:#1a9c6e14;border-radius:30px;padding:.2rem .6rem;font-size:.7rem;transition:all .2s}.example-link:hover{background:#1a9c6e26}.portfolio-upload-area{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.upload-btn{color:#1a9c6e;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.upload-hint{color:#94a3b8;font-size:.7rem}.uploaded-files{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.uploaded-file{background:#f8fafc;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.uploaded-file svg:first-child{color:#1a9c6e}.uploaded-file button{cursor:pointer;color:#94a3b8;background:0 0;border:none;margin-left:auto;transition:color .2s}.uploaded-file button:hover{color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:24px;width:100%;max-width:550px;max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@media (width<=768px){.modal-overlay{align-items:stretch;padding:0}.modal-container{border-radius:0;max-width:100%;max-height:100vh;animation:none}.success-modal-container{border-radius:0;width:100%;max-width:100%;max-height:100vh;margin:0}}.modal-header h2{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.btn-submit{color:#fff;cursor:pointer;background:#1a9c6e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-submit:hover:not(:disabled){background:#15855c;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.success-modal-container{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:500px;padding:2rem;animation:.3s ease-out slideUp;position:relative;box-shadow:0 25px 50px -12px #00000040}@media (width<=768px){.success-modal-container{border-radius:0;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;display:flex}}.success-message{color:#6b7280;margin-bottom:1.5rem}.bid-detail-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.75rem 0;display:flex}.bid-detail-item:last-child{border-bottom:none}.bid-detail-label{color:#6b7280;font-weight:500}.bid-detail-value{color:#1f2937;font-weight:600}.success-btn-primary,.success-btn-secondary{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-weight:600;transition:all .2s;display:flex}.success-btn-primary:hover{background:#15855c;transform:translateY(-1px)}.check-icon:before{transform-origin:100%;border-radius:100px 0 0 100px;width:30px;top:3px;left:-2px}.check-icon:after{transform-origin:0;border-radius:0 100px 100px 0;width:60px;animation:4.25s ease-in rotateCircle;top:0;left:30px}.check-icon:before,.check-icon:after{content:"";background:#4caf50;height:100px;position:absolute;transform:rotate(-45deg)}@keyframes iconLineTip{0%{opacity:0;width:0}to{opacity:1;width:25px}}@keyframes iconLineLong{0%{opacity:0;width:0}to{opacity:1;width:47px}}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.job-info{background:#f0fdf4;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.job-info-title{color:#1f2937;margin-bottom:.25rem;font-weight:600}.job-info-budget{color:#1a9c6e;font-size:.875rem;font-weight:500}.form-group label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;display:flex}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:.75rem;font-size:1rem;transition:all .2s}.upload-btn:hover{background:#f3f4f6;border-color:#d1d5db}.uploaded-file{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.uploaded-file button{cursor:pointer;color:#ef4444;background:0 0;border:none;padding:.25rem}.notifications-backdrop{z-index:998;position:fixed;inset:0}.topbar-notif.has-unread{color:#ef4444;border-color:#ef4444}.job-actions{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.job-actions .apply-btn,.job-actions .btn-outline-small,.job-actions .btn-complete{text-align:center;justify-content:center;width:100%}.btn-complete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a9c6e 0%,#158f5e 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #1a9c6e40}.btn-complete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a9c6e59}.btn-outline-small{color:var(--primary);border:1.5px solid var(--primary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.stats-cards-grid{width:100%;grid-template-columns:repeat(4,1fr)!important;gap:1rem!important;display:grid!important}.stat-card:first-child:after{background:#1a9c6e}.stat-card:nth-child(2):after{background:#3b82f6}.stat-card:nth-child(3):after{background:#f97316}.stat-card:nth-child(4):after{background:#8b5cf6}.stat-card:hover{border-color:#1a9c6e;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}@media (width<=768px){.stats-cards-grid{flex-direction:column!important;gap:.8rem!important;display:flex!important}.stat-card{border-radius:20px!important;padding:1.2rem 1rem!important}.stat-icon{width:52px!important;height:52px!important;font-size:1.3rem!important}.stat-value{font-size:1.3rem!important}.stat-label{font-size:.65rem!important}}.hero-content-kkw h1{color:#fff;margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.search-btn-kkw{color:#fff;cursor:pointer;background:#1a9c6e;border:none;border-radius:50px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700}.job-day-footer{border-top:1px solid var(--border-light,#f1f5f9);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.apply-btn{color:#fff;cursor:pointer;background:#1a9c6e;border:none;border-radius:40px;padding:.4rem 1rem;font-size:.7rem;font-weight:600}.section-header-jw p{color:#64748b;font-size:.7rem}.job-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-outline-small{color:#1a9c6e;cursor:pointer;background:0 0;border:1px solid #1a9c6e;border-radius:40px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.65rem;font-weight:600;display:inline-flex}.btn-outline-small:hover{background:#1a9c6e1a}.btn-complete{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:40px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.65rem;font-weight:600;display:inline-flex}.job-meta-info{color:#64748b;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;margin:.5rem 0;padding:.5rem 0;font-size:.7rem;display:flex}.student-actions{gap:.5rem;display:flex}.verified-badge{color:#1a9c6e;background:#1a9c6e1a;border-radius:50px;padding:.2rem .6rem;font-size:.65rem;font-weight:600}.skill-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:.2rem .6rem;font-size:.65rem}.job-status{border-radius:50px;align-items:center;padding:.2rem .65rem;font-size:.65rem;font-weight:700;display:inline-flex}.status-open{color:#1a9c6e;background:#1a9c6e1a}.status-progress{color:#b45309;background:#f5b0421f}.status-completed{color:#1d4ed8;background:#3b82f61a}.empty-state{text-align:center;color:#94a3b8;background:#fff;border-radius:16px;padding:2rem}.empty-icon{margin-bottom:.5rem;font-size:2rem}.profile-page{grid-template-columns:280px 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.profile-page{grid-template-columns:1fr}}.profile-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem}.profile-avatar{color:#fff;background:#1a9c6e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto .75rem;font-size:1.8rem;font-weight:800;display:flex}.profile-stats{border-top:1px solid #e2e8f0;justify-content:space-around;margin-top:1rem;padding-top:1rem;display:flex}.profile-stats label{color:#94a3b8;font-size:.55rem}.profile-form{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem}.profile-form h3{margin-bottom:1rem;font-size:.95rem;font-weight:700}.earnings-page{flex-direction:column;gap:1.5rem;display:flex}.earnings-hero{background:linear-gradient(135deg,#0d1b2a 0%,#1a3a4f 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.earnings-total .earnings-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.7rem;font-weight:600;display:block}.earnings-amount{color:#2dd4a0;font-size:1.8rem;font-weight:800}.earnings-note{color:#fff6;font-size:.65rem}.earnings-stats{gap:1rem;display:flex}.stat-badge{text-align:center;background:#ffffff1a;border-radius:16px;padding:.75rem 1.25rem}.stat-badge .stat-value{color:#fff;font-size:1.2rem;font-weight:800;display:block}.stat-badge .stat-label{color:#ffffff80;font-size:.6rem}.transactions-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.card-header h3{margin:0;font-size:.9rem;font-weight:700}.transaction-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.transaction-icon{color:#1a9c6e;background:#1a9c6e1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.transaction-sub{color:#94a3b8;font-size:.65rem}.transaction-right{text-align:right}.transaction-amount{color:#0f172a;font-size:.9rem;font-weight:700;display:block}.transaction-status.success{color:#1a9c6e;font-size:.6rem;font-weight:600}.info-card{background:#1a9c6e14;border-radius:16px;gap:.75rem;padding:1rem;display:flex}.info-card h4{margin-bottom:.2rem;font-size:.8rem;font-weight:700}.info-card p{color:#64748b;margin:0;font-size:.7rem}.page-header{margin-bottom:1rem}.page-header h2{color:#0f172a;margin-bottom:.25rem;font-size:1.2rem;font-weight:800}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.quick-action-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.25rem;transition:all .3s}.quick-action-card:hover{border-color:#1a9c6e;transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.quick-action-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto .75rem;font-size:1.2rem;display:flex}.qa-green{color:#1a9c6e;background:#1a9c6e1a}.qa-blue{color:#3b82f6;background:#3b82f61a}.qa-purple{color:#8b5cf6;background:#8b5cf61a}.qa-orange{color:#f97316;background:#f973161a}@media (width<=768px){.hero-section-kkw{padding:1rem}.hero-content-kkw h1{font-size:1.3rem}.hero-search-kkw{border-radius:16px;flex-direction:column}.search-field-kkw{padding:.35rem .7rem}.search-btn-kkw{width:100%}.jobs-day-grid{grid-template-columns:1fr;gap:.75rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.earnings-hero{text-align:center;flex-direction:column}.earnings-stats{justify-content:center}}@media (width<=768px){.scrollable-content{padding:.25rem .75rem .75rem;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1rem;animation:1.5s ease-in-out infinite pulse}.skeleton-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.skeleton-avatar{background:#e2e8f0;border-radius:12px;width:44px;height:44px}.skeleton-text{background:#e2e8f0;border-radius:6px;height:12px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.long{width:90%}.topbar-fixed{z-index:100;background:0 0;margin-bottom:1rem;padding:0;position:sticky;top:0}.topbar{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:64px;padding:.6rem 1rem;display:flex;box-shadow:0 2px 8px #0000000a}.topbar-left{flex:none;align-items:center;display:flex}.mobile-menu-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobile-menu-btn:hover{border-color:var(--primary);color:var(--primary)}.topbar-logo-center{flex:1;justify-content:center;align-items:center;display:flex}.logo-wrapper{cursor:pointer;border-radius:40px;align-items:center;gap:.5rem;padding:.25rem .75rem;transition:all .2s;display:flex}.logo-icon-topbar{color:var(--primary);font-size:1.3rem}.logo-text-topbar{color:#0f172a;letter-spacing:-.3px;font-size:1rem;font-weight:800}.topbar-actions{flex:none;align-items:center;gap:.75rem;display:flex}.notification-wrapper{position:relative}.topbar-notif{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.topbar-notif:hover{border-color:var(--primary);color:var(--primary)}.notification-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.student-topbar-avatar{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #1a9c6e33;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.student-topbar-avatar:hover{transform:scale(1.02);box-shadow:0 2px 8px #1a9c6e4d}.dashboard-main{margin-left:var(--sidebar-width);z-index:1;flex:1;min-height:100vh;padding:1rem 1.5rem;transition:margin-left .25s;position:relative}.dashboard-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.hero-section-kkw{background:linear-gradient(135deg,#0a1628 0%,#0d2137 50%,#1a2f45 100%);border-radius:24px;margin-bottom:1.5rem;padding:1.5rem}.hero-content-kkw h1{color:#fff;margin-bottom:.5rem;font-size:1.6rem;font-weight:800;line-height:1.2}.hero-content-kkw .highlight{color:#2dd4a0}.welcome-message{color:#ffffffb3;margin-bottom:1rem;font-size:.85rem}.hero-search-kkw{background:#fff;border-radius:60px;gap:.5rem;padding:.3rem;display:flex}.search-field-kkw{background:#f8fafc;border-radius:50px;flex:1;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.search-field-kkw svg{color:#94a3b8;font-size:.9rem}.search-field-kkw input{background:0 0;border:none;outline:none;flex:1;padding:.5rem 0;font-family:inherit;font-size:.85rem}.search-field-kkw input::placeholder{color:#94a3b8}.search-btn-kkw{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s}.search-btn-kkw:hover{background:var(--primary-dark);transform:scale(1.02)}.stat-card:first-child:after{content:"";background:#1a9c6e;border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card:nth-child(2):after{content:"";background:#3b82f6;border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card:nth-child(3):after{content:"";background:#f97316;border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card:nth-child(4):after{content:"";background:#8b5cf6;border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0}.stat-value{color:#0f172a;word-break:break-word;font-size:1.2rem;font-weight:800;line-height:1.2}.stats-cards-section{width:100%;margin-bottom:1.5rem}.stats-cards-grid{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;display:grid}.stat-card{box-sizing:border-box;background:#fff;border:1px solid #e8edf2;border-radius:16px;align-items:center;gap:.75rem;width:100%;padding:1rem;transition:all .2s;display:flex;position:relative}.stat-card:after{content:"";background:var(--primary,#1a9c6e);border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.stat-content{flex:1;min-width:0}.stat-value{color:#0f172a;font-size:1.2rem;font-weight:800;line-height:1.2}.stat-label{color:#64748b;letter-spacing:.3px;font-size:.6rem;font-weight:600}@media (width<=768px){.stats-cards-grid{flex-direction:column;gap:.75rem;display:flex}.stat-card{width:100%;padding:.85rem}.stat-icon{width:40px;height:40px;font-size:1rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.55rem}}@media (width<=480px){.stats-cards-grid{gap:.6rem}.stat-card{padding:.7rem}.stat-icon{width:36px;height:36px;font-size:.9rem}.stat-value{font-size:1rem}}.categories-section-jw{margin-bottom:1.5rem}.section-header-jw{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.section-header-jw h2{color:#0f172a;margin-bottom:0;font-size:1.2rem;font-weight:800}.section-header-jw p{color:#64748b;font-size:.7rem;display:none}.view-all-jw{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;display:flex}.view-all-jw:hover{gap:.5rem}.categories-grid-jw{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.categories-grid-jw{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.categories-grid-jw::-webkit-scrollbar{display:none}.category-card-jw{flex:none;width:120px}}.category-card-jw{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem .5rem;transition:all .3s}.category-card-jw:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.category-icon-jw{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto .5rem;font-size:1.1rem;display:flex}.category-card-jw h3{white-space:normal;word-break:break-word;margin-bottom:.2rem;font-size:.7rem;font-weight:700;line-height:1.3}.category-card-jw p{color:#94a3b8;font-size:.6rem}.jobs-day-section{margin-bottom:1.5rem}.jobs-day-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.job-day-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;transition:all .3s;position:relative}.job-day-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.job-day-header{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.company-details h4{margin-bottom:.1rem;font-size:.8rem;font-weight:700}.company-details p{color:#94a3b8;align-items:center;gap:.2rem;font-size:.6rem;display:flex}.job-day-title{color:#0f172a;margin-bottom:.3rem;font-size:.9rem;font-weight:800}.job-posted{color:#94a3b8;align-items:center;gap:.2rem;margin-bottom:.5rem;font-size:.6rem;display:flex}.job-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.6rem;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.job-day-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:.6rem;display:flex}.price .amount{color:var(--primary);font-size:1rem;font-weight:800}.price .unit{color:#94a3b8;font-size:.55rem}.apply-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:40px;padding:.35rem .8rem;font-size:.65rem;font-weight:600;transition:all .2s}.apply-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.bid-status-badge{z-index:1;border-radius:50px;padding:.15rem .5rem;font-size:.6rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.job-day-card.accepted .bid-status-badge{color:var(--primary);background:#1a9c6e1a}.sidebar-header{justify-content:flex-end;padding:1rem;display:flex}.sidebar-toggle-btn{cursor:pointer;color:#fff9;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#fff3}.bottom-nav{padding:.5rem .75rem;padding-bottom:env(safe-area-inset-bottom,.75rem);z-index:99;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .5rem;font-size:.55rem;font-weight:500;transition:all .2s;display:flex;position:relative}.bottom-nav-item svg{font-size:1.2rem}.bottom-nav-item.active{color:var(--primary);background:#1a9c6e1a}.bottom-nav-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.5rem;font-weight:700;display:flex;position:absolute;top:-2px;right:4px}@media (width<=768px){.dashboard-main{padding:.75rem .75rem 70px}.topbar-fixed{z-index:100;background:0 0;position:sticky;top:0}.topbar{min-height:56px;margin-bottom:0;padding:.4rem .75rem}.mobile-menu-btn{border-radius:10px;width:36px;height:36px}.logo-icon-topbar{font-size:1.1rem}.logo-text-topbar{font-size:.85rem}.topbar-notif,.student-topbar-avatar{border-radius:10px;width:36px;height:36px}.notification-count{min-width:16px;height:16px;font-size:.55rem;top:-3px;right:-3px}.hero-section-kkw{border-radius:18px;margin-bottom:1rem;padding:1rem}.hero-content-kkw h1{font-size:1.3rem}.welcome-message{margin-bottom:.75rem;font-size:.75rem}.hero-search-kkw{border-radius:14px;flex-direction:column}.search-field-kkw{padding:.35rem .7rem}.search-field-kkw input{font-size:.8rem}.search-btn-kkw{width:100%;padding:.45rem 1rem}.stats-cards-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.stat-card{padding:.6rem}.stat-icon{width:32px;height:32px;font-size:.85rem}.stat-value{font-size:.9rem}.stat-label{font-size:.5rem}.section-header-jw h2{font-size:1.1rem}.category-card-jw{width:110px;padding:.75rem .4rem}.category-icon-jw{width:38px;height:38px;font-size:1rem}.category-card-jw h3{font-size:.65rem}.category-card-jw p{font-size:.55rem}.jobs-day-grid{grid-template-columns:1fr;gap:.75rem}.job-day-card{padding:.85rem}.company-details h4{font-size:.75rem}.job-day-title{font-size:.85rem}.price .amount{font-size:.9rem}.bottom-nav{display:flex}}@media (width<=480px){.dashboard-main{padding:.5rem .5rem 70px}.hero-content-kkw h1{font-size:1.2rem}.category-card-jw{width:100px}.category-icon-jw{width:34px;height:34px;font-size:.9rem}.category-card-jw h3{font-size:.6rem}.stat-value{font-size:.85rem}.stat-label{font-size:.45rem}}.jobs-page,.bids-page,.earnings-page,.profile-page{padding:.5rem 0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.page-header h2{color:#0f172a;font-size:1.2rem;font-weight:800}.page-header p{color:#64748b;font-size:.75rem}.search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.5rem .8rem;display:flex}.search-bar input{border:none;outline:none;flex:1;font-size:.85rem}.messages-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;min-height:450px;overflow:hidden}.chat-list-header{border-bottom:1px solid #e2e8f0;padding:1rem}.chat-list-header h2{font-size:1.2rem;font-weight:800}.chat-list-items{max-height:450px;overflow-y:auto}.chat-list-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.chat-list-item:hover{background:#f8fafc}.avatar-placeholder-small{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.chat-info{flex:1}.chat-name{margin-bottom:.15rem;font-size:.85rem;font-weight:700}.chat-job{color:#64748b;font-size:.65rem}.chat-window-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.back-to-chats{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.chat-avatar-small{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.profile-page{grid-template-columns:320px 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem;display:grid}.profile-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;height:fit-content;padding:2rem 1.5rem;position:sticky;top:80px;box-shadow:0 1px 3px #0000000d}.profile-avatar{color:#fff;background:linear-gradient(135deg,#1a9c6e 0%,#0d5c41 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1rem;font-size:3rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 15px #1a9c6e4d}.profile-card h3{color:#0f172a;margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.profile-card p{color:#64748b;margin-bottom:1rem;font-size:.85rem}.profile-stats{border-top:1px solid #e2e8f0;justify-content:space-around;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.profile-stats>div{text-align:center;flex:1}.profile-stats span{color:var(--primary);font-size:1.2rem;font-weight:800;display:block}.profile-stats label{color:#94a3b8;font-size:.7rem;font-weight:500}.profile-form{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.profile-form h3{color:#0f172a;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.profile-form input,.profile-form textarea{border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:.75rem;padding:.75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.profile-form input:focus,.profile-form textarea:focus{border-color:#1a9c6e;outline:none;box-shadow:0 0 0 3px #1a9c6e1a}.profile-form input:disabled{cursor:not-allowed;color:#64748b;background:#f8fafc}.earnings-card{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;margin-bottom:1.5rem;padding:1.5rem}.total-earned{text-align:center}.total-earned span{opacity:.8;margin-bottom:.5rem;font-size:.85rem;display:block}.total-earned .amount{color:#2dd4a0;font-size:2rem;font-weight:800}.earnings-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.earnings-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000d}.earnings-stat-card .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.earnings-stat-card .stat-icon.green{color:#1a9c6e;background:#1a9c6e1a}.earnings-stat-card .stat-icon.orange{color:#f97316;background:#f973161a}.earnings-stat-card .stat-icon.blue{color:#3b82f6;background:#3b82f61a}.earnings-stat-card .stat-info{flex:1}.earnings-stat-card .stat-label{color:#64748b;font-size:.7rem;display:block}.earnings-stat-card .stat-value{color:#0f172a;font-size:1.25rem;font-weight:700}.transaction-history{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1rem;overflow:hidden}.transaction-history h3{border-bottom:1px solid #e2e8f0;margin:0;padding:1rem;font-size:1rem;font-weight:700}.transactions-list{max-height:400px;overflow-y:auto}.transaction-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:background .2s;display:flex}.transaction-item:hover{background:#f8fafc}.transaction-info{flex:1}.transaction-title{color:#0f172a;margin-bottom:.2rem;font-size:.85rem;font-weight:600}.transaction-date{color:#94a3b8;font-size:.65rem}.transaction-amount{color:#0f172a;font-size:.9rem;font-weight:700}.transaction-status{border-radius:20px;margin-left:.75rem;padding:.25rem .5rem;font-size:.7rem}.transaction-status.success{color:#1a9c6e;background:#1a9c6e1a}.transaction-status.pending{color:#f97316;background:#f973161a}.info-card{background:#1a9c6e14;border:1px solid #1a9c6e33;border-radius:16px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.info-icon{color:#1a9c6e;flex-shrink:0;font-size:1.25rem}.info-card h4{color:#0f172a;margin-bottom:.2rem;font-size:.85rem;font-weight:700}.info-card p{color:#64748b;font-size:.75rem;line-height:1.4}.paystack-payment-wrapper{width:100%;margin-top:1rem}.paystack-payment-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a9c6e 0%,#0d5c41 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.paystack-payment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1a9c6e4d}.paystack-payment-button:active:not(:disabled){transform:translateY(0)}.paystack-payment-button:disabled{cursor:not-allowed;opacity:.7;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.paystack-payment-button svg{font-size:1rem}@media (width>=769px){.paystack-payment-button{max-width:100%;margin:0}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:24px;width:100%;max-width:500px;max-height:90vh;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700}.modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.modal-close:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}.modal-body{padding:1.5rem}.modal-footer{background:#fff;border-top:1px solid #e2e8f0;padding:1rem 1.5rem 1.5rem;position:sticky;bottom:0}.success-modal-container{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:450px;padding:2rem;animation:.3s modalSlideIn;box-shadow:0 25px 50px -12px #00000040}.success-animation{margin-bottom:1rem}.success-checkmark{width:80px;height:80px;margin:0 auto}.check-icon{box-sizing:content-box;border:4px solid #4caf50;border-radius:50%;width:80px;height:80px;position:relative}.check-icon .check-line{z-index:10;background-color:#4caf50;border-radius:2px;height:5px;display:block;position:absolute}.check-icon .check-line.tip{width:25px;animation:.75s iconLineTip;top:46px;left:14px;transform:rotate(45deg)}.check-icon .check-line.long{width:47px;animation:.75s iconLineLong;top:38px;left:30px;transform:rotate(-45deg)}.check-icon .check-circle{z-index:10;box-sizing:content-box;border:4px solid #4caf5080;border-radius:50%;width:80px;height:80px;position:absolute;top:-4px;left:-4px}.success-title{color:#0f172a;margin:.5rem 0;font-size:1.5rem;font-weight:700}.success-message{color:#64748b;margin-bottom:1rem;font-size:.85rem}.bid-details-card{text-align:left;background:#f8fafc;border-radius:16px;margin:1rem 0;padding:1rem}.bid-detail-item{justify-content:space-between;padding:.5rem 0;display:flex}.bid-detail-item:first-child{border-bottom:1px solid #e2e8f0}.bid-detail-label{color:#64748b;font-size:.8rem}.bid-detail-value{color:#0f172a;font-size:.85rem;font-weight:600}.bid-detail-value.highlight{color:#1a9c6e;font-size:1rem}.success-actions{gap:.75rem;margin-top:1rem;display:flex}.success-btn-primary,.success-btn-secondary{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.success-btn-primary{color:#fff;background:#1a9c6e;border:none}.success-btn-primary:hover{background:#0d5c41}.success-btn-secondary{color:#64748b;background:#fff;border:1px solid #e2e8f0}.success-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.form-group small{color:#94a3b8;margin-top:.25rem;font-size:.65rem;display:block}.error-message{color:#dc2626;background:#fef2f2;border-radius:10px;margin-bottom:1rem;padding:.6rem;font-size:.75rem}.portfolio-upload-area{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:1rem}.upload-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:all .2s;display:inline-flex}.upload-btn:hover{background:#f1f5f9}.upload-hint{color:#94a3b8;margin-top:.5rem;font-size:.65rem;display:block}.uploaded-files{margin-top:.75rem}.uploaded-file{background:#f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;font-size:.75rem;display:flex}.uploaded-file button{cursor:pointer;color:#ef4444;background:0 0;border:none}.btn-primary{color:#fff;cursor:pointer;background:#1a9c6e;border:none;border-radius:10px;padding:.7rem 1.25rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#0d5c41;transform:translateY(-1px)}.btn-outline{color:#1a9c6e;cursor:pointer;background:0 0;border:1px solid #1a9c6e;border-radius:10px;padding:.7rem 1.25rem;font-weight:600;transition:all .2s}.btn-outline:hover{background:#1a9c6e1a}.btn-block{width:100%}.empty-state{text-align:center;color:#94a3b8;padding:2rem}.empty-state.small{padding:1.5rem}.empty-icon{opacity:.5;margin-bottom:.5rem;font-size:2rem}.loading-state{text-align:center;color:#94a3b8;padding:2rem}@media (width<=1024px){.profile-page{grid-template-columns:1fr;gap:1rem}.profile-card{position:relative;top:0}}@media (width<=768px){.modal-container{border-radius:20px;width:95%;max-height:85vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.success-modal-container{width:90%;padding:1.5rem}.success-actions{flex-direction:column;gap:.5rem}.chat-list-header{padding:.75rem}.chat-list-item{padding:.65rem .75rem}.avatar-placeholder-small{width:38px;height:38px;font-size:.85rem}.chat-name{font-size:.8rem}.earnings-stats-grid{grid-template-columns:1fr;gap:.75rem}.transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-amount{margin-left:0}.profile-avatar{width:100px;height:100px;font-size:2.5rem}.profile-card{padding:1.5rem}.profile-stats span{font-size:1rem}}.scrollable-content{flex:1;padding:.5rem 1.5rem 1.5rem;overflow-y:auto}@media (width<=768px){.scrollable-content{padding:.25rem .75rem .75rem}}.company-badge{width:44px;height:44px;color:var(--primary);background:linear-gradient(135deg,#e8f5e9,#c8e6d9);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.company-badge img{object-fit:cover;width:100%;height:100%}.student-topbar-avatar{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #1a9c6e33;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;overflow:hidden}.student-topbar-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto .75rem;font-size:1.8rem;font-weight:800;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.postjob-page{background:#f5f7fb;min-height:100vh}.postjob-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.postjob-logo{cursor:pointer;align-items:center;gap:.6rem;transition:all .2s;display:flex}.postjob-logo:hover{opacity:.8}.postjob-logo .logo-icon{color:#1a9c6e;font-size:1.6rem}.postjob-logo span{color:#0f172a;letter-spacing:-.3px;font-size:1.1rem;font-weight:800}.back-to-dash{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.back-to-dash:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.back-to-dash svg{font-size:1rem}@media (width<=768px){.postjob-header{padding:.6rem 1rem}.postjob-logo .logo-icon{font-size:1.3rem}.postjob-logo span{font-size:.9rem}.back-to-dash{padding:.4rem 1rem;font-size:.75rem}.back-to-dash svg{font-size:.9rem}}@media (width<=480px){.postjob-header{padding:.5rem .75rem}.postjob-logo span{font-size:.8rem}.back-to-dash span{display:none}.back-to-dash{padding:.4rem .8rem}}.postjob-container{max-width:1400px;margin:0 auto;padding:2rem}.postjob-progress{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.progress-step{align-items:center;gap:.5rem;display:flex}.progress-circle{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.progress-step.step-active .progress-circle{color:#fff;background:#1a9c6e}.progress-step span{color:#64748b;font-size:.85rem;font-weight:500}.progress-step.step-active span{color:#1a9c6e}.progress-line{background:#e2e8f0;width:80px;height:2px}.postjob-two-column{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}.postjob-form-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 2px 8px #0000000a}.postjob-step h2{color:#0f172a;margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.postjob-step>p{color:#64748b;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#0f172a;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#1a9c6e;outline:none;box-shadow:0 0 0 3px #1a9c6e1a}.input-with-icon{position:relative}.input-with-icon .input-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:2.5rem}.category-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.category-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.category-btn:hover{border-color:#1a9c6e}.category-btn.active{color:#fff;background:#1a9c6e;border-color:#1a9c6e}.budget-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.budget-btn,.duration-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;transition:all .2s;display:flex}.budget-btn:hover,.duration-btn:hover{border-color:#1a9c6e}.budget-btn.active,.duration-btn.active{color:#fff;background:#1a9c6e;border-color:#1a9c6e}.duration-list{flex-direction:column;gap:.5rem;display:flex}.step-buttons{gap:1rem;margin-top:1.5rem;display:flex}.back-btn{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1.5rem;font-weight:600}.continue-btn,.submit-btn{color:#fff;cursor:pointer;background:#1a9c6e;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.continue-btn:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed}.review-card{background:#f8fafc;border-radius:12px;margin-bottom:1rem;padding:1rem}.review-card h3{margin-bottom:1rem}.review-details p{margin-bottom:.5rem;font-size:.9rem}.postjob-preview{position:sticky;top:100px}.postjob-preview h3{color:#1a9c6e;letter-spacing:1px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1rem;padding:1rem}.preview-category{color:#1a9c6e;background:#1a9c6e1a;border-radius:20px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.preview-card h4{margin-bottom:.5rem;font-size:1rem;font-weight:700}.preview-card p{color:#64748b;margin-bottom:1rem;font-size:.8rem;line-height:1.4}.preview-footer{border-top:1px solid #e2e8f0;justify-content:space-between;padding-top:.75rem;display:flex}.preview-budget{color:#1a9c6e;font-weight:700}.preview-duration{color:#64748b;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.tips-card{background:#f8fafc;border-radius:16px;padding:1rem}.tips-card h4{margin-bottom:.75rem;font-size:.85rem}.tips-card ul{margin:0;padding-left:1.25rem}.tips-card li{color:#64748b;margin-bottom:.25rem;font-size:.75rem}@media (width<=968px){.postjob-two-column{grid-template-columns:1fr}.postjob-preview{order:-1;position:static}.postjob-container{padding:1rem}.postjob-form-wrap{padding:1.25rem}.budget-grid{grid-template-columns:1fr}.progress-step span{display:none}.progress-line{width:40px}}.preview-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.preview-avatar{color:#1a9c6e;background:linear-gradient(135deg,#e8f5e9,#c8e6d9);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.preview-avatar img{object-fit:cover;width:100%;height:100%}.preview-avatar svg{width:24px;height:24px}.preview-company{flex:1}.preview-company-name{color:#0f172a;margin-bottom:.2rem;font-size:.9rem;font-weight:700}.preview-location{color:#64748b;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.success-message{text-align:center;padding:3rem}.success-icon{margin-bottom:1rem;font-size:4rem;color:#fff!important}.redirect-text{color:#6c757d;margin-top:.5rem}.error-message{color:#dc2626;background:#fee2e2;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.landing{width:100%;margin:0;padding:0;overflow-x:hidden}:root{--primary:#1a9c6e;--primary-dark:#0f6e56;--secondary:#0d3b2e;--accent:#25d4a0;--text-dark:#1a1a2e;--text-light:#6b7280;--white:#fff;--bg-light:#f8fafb;--border:#e5e7eb;--shadow:0 4px 24px #00000014}body{color:var(--text-dark);background:var(--white);width:100%;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%}@media (width<=768px){.scrollable-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}