body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a4252,#1e2a35);box-shadow:0 4px 20px #0000001a;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 30px;width:100%}.logo-section{flex-shrink:0}.logo,.logo-section{align-items:center;display:flex}.logo{transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:60px;object-fit:contain;width:auto}.navigation{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.nav-links{gap:15px;margin-right:20px}.nav-link,.nav-links{align-items:center;display:flex;vertical-align:middle}.nav-link{border-radius:6px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-decoration:none;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{background:#5bc0de1a;color:#5bc0de}.nav-text{position:relative;z-index:1}.header .become-employer-btn,.header .login-btn,.header .register-btn{all:unset!important;align-items:center!important;background:linear-gradient(135deg,#5bc0de,#46b8da)!important;border-radius:25px!important;box-shadow:0 4px 15px #5bc0de4d!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:14px!important;font-weight:600!important;height:44px!important;justify-content:center!important;letter-spacing:.5px!important;line-height:1!important;margin:0!important;min-width:80px!important;padding:10px 20px!important;text-decoration:none!important;text-transform:uppercase!important;transition:all .3s ease!important;width:auto!important}.header .become-employer-btn{background:linear-gradient(135deg,#f39c12,#e67e22)!important;box-shadow:0 4px 15px #f39c124d!important}.header .become-employer-btn:hover{background:linear-gradient(135deg,#e67e22,#f39c12)!important;box-shadow:0 6px 20px #f39c1266!important;transform:translateY(-2px)!important}.header .register-btn{background:linear-gradient(135deg,#4db6ac,#26a69a)!important;box-shadow:0 4px 15px #4db6ac4d!important}.header .login-btn:hover{background:linear-gradient(135deg,#46b8da,#5bc0de)!important;box-shadow:0 6px 20px #5bc0de66!important;transform:translateY(-2px)!important}.header .register-btn:hover{background:linear-gradient(135deg,#26a69a,#4db6ac)!important;box-shadow:0 6px 20px #4db6ac66!important;transform:translateY(-2px)!important}.header-role-switch{flex-shrink:0;margin-left:20px}.mobile-menu-toggle{cursor:pointer;display:none;flex-direction:column;padding:5px;z-index:1001}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;transition:all .3s ease;width:25px}.hamburger span{background-color:#fff;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:1024px){.nav-links{gap:20px}.nav-link{font-size:13px;padding:6px 12px}}@media (max-width:768px){.header-container{padding:0 20px}.navigation{background:linear-gradient(135deg,#2a4252,#1e2a35);flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.navigation.nav-open{transform:translateX(0)}.nav-links{align-items:center;flex-direction:column;gap:30px;margin-right:0}.nav-link{font-size:18px;padding:15px 25px;text-align:center;width:200px}.become-employer-btn,.login-btn,.register-btn{font-size:16px;padding:15px 25px;width:200px}.mobile-menu-toggle{display:flex}.header-role-switch{display:none}.logo-image{height:50px}}@media (max-width:480px){.header-container{padding:0 15px}.nav-link{font-size:16px;padding:12px 20px;width:180px}.become-employer-btn,.login-btn,.register-btn{font-size:14px;padding:12px 20px;width:180px}.logo-image{height:45px}}.role-switch-container{align-items:flex-end;display:flex;flex-direction:column;position:relative}.role-switch-dropdown{position:relative}.role-switch-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 25px 8px 16px;transition:all .3s ease;white-space:nowrap}.role-switch-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.role-switch-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.current-role-icon{font-size:16px}.current-role-text{font-weight:600}.dropdown-arrow{font-size:10px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.role-switch-dropdown-menu{animation:dropdownSlideIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.role-switch-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:all .2s ease}.role-switch-dropdown-item:last-child{border-bottom:none}.role-switch-dropdown-item:hover{background:#f8f9fa}.role-switch-dropdown-item.current{background:#e8f5e9;font-weight:600}.role-switch-dropdown-item .role-icon{font-size:18px}.role-switch-dropdown-item .role-label{color:#2c3e50;flex:1 1;font-size:14px}.role-switch-dropdown-item.current .role-label{color:#28a745}.current-indicator{color:#28a745;font-size:16px;font-weight:700}@media (max-width:768px){.role-switch-btn{font-size:13px;padding:6px 12px}.current-role-text{display:none}.role-switch-dropdown-menu{min-width:150px}.role-switch-dropdown-item{padding:10px 12px}}.footer{background:linear-gradient(135deg,#1e2a35,#2a4252);border-top:1px solid #ffffff1a;color:#ffffffe6;margin-top:auto;padding:40px 20px 20px}.footer-container{margin:0 auto;max-width:1200px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.footer-section h3{color:#5bc0de;font-size:24px;margin-bottom:15px}.footer-section h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:15px}.footer-section p{color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:10px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#5bc0de}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;font-size:14px;padding-top:20px;text-align:center}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr}.footer-section h3{font-size:20px}.footer-section h4{font-size:16px}}.hero{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;min-height:100vh;overflow:hidden;padding:100px 0 60px;position:relative}.hero-background{left:0;top:0;z-index:1}.floating-shapes,.hero-background{height:100%;position:absolute;width:100%}.shape{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#5bc0de1a,#4db6ac1a);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.shape-2{animation-delay:2s;height:120px;right:15%;top:60%;width:120px}.shape-3{animation-delay:4s;height:60px;right:30%;top:30%;width:60px}.shape-4{animation-delay:1s;bottom:20%;height:100px;left:20%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-container{padding:0 30px;position:relative;width:100%;z-index:2}.hero-content{align-items:center;display:flex;gap:80px;margin:0 auto;max-width:1400px}.hero-text{flex:1 1;opacity:0;transform:translateX(-50px);transition:all .8s ease}.hero-text.animate-in{opacity:1;transform:translateX(0)}.headline{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.text-block{border-radius:8px;cursor:default;display:inline-block;line-height:1;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;padding:12px 20px;position:relative;text-align:left;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.text-block:hover{transform:translateX(10px) scale(1.02)}.text-content{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:36px;font-weight:600;letter-spacing:-.3px;position:relative;transition:all .3s ease;z-index:2}.text-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.text-block:hover .text-glow{left:100%}.text-block.manage{background:linear-gradient(135deg,#e0f2f7,#b8e6f0);box-shadow:0 8px 25px #e0f2f74d;color:#2a4252}.text-block.cis,.text-block.your{background:linear-gradient(135deg,#5bc0de,#46b8da);box-shadow:0 8px 25px #5bc0de66;color:#fff}.text-block.online{background:linear-gradient(135deg,#8bc34a,#689f38);box-shadow:0 8px 25px #8bc34a66;color:#fff}.description{margin-bottom:40px;max-width:600px}.description p{animation:fadeInUp .8s ease .3s forwards;color:#b0bec5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;margin:0 0 30px}.cta-buttons,.description p{opacity:0;transform:translateY(20px)}.cta-buttons{animation:fadeInUp .8s ease .6s forwards}.cta-btn{border:none;border-radius:50px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.cta-btn.primary{background:linear-gradient(135deg,#5bc0de,#46b8da);box-shadow:0 8px 25px #5bc0de4d;color:#fff}.cta-btn.primary:hover{box-shadow:0 12px 35px #5bc0de66;transform:translateY(-3px)}.cta-btn.secondary{background:#0000;border:2px solid #5bc0de;color:#5bc0de}.cta-btn.secondary:hover{background:#5bc0de;box-shadow:0 8px 25px #5bc0de4d;color:#fff;transform:translateY(-3px)}.btn-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-btn:hover .btn-glow{left:100%}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;opacity:0;transform:translateX(50px);transition:all .8s ease .2s}.hero-image.animate-in{opacity:1;transform:translateX(0)}.phone-container{perspective:1000px;position:relative}.phone-frame{background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:45px;box-shadow:0 0 0 3px #000,0 0 0 6px #333,0 25px 50px #0006,inset 0 2px 4px #ffffff1a;height:640px;padding:8px;position:relative;transform:rotateY(-15deg) rotateX(5deg);transition:all .3s ease;width:320px}.phone-frame:hover{transform:rotateY(-10deg) rotateX(2deg) scale(1.05)}.phone-frame:before{background:linear-gradient(90deg,#000,#333,#000);border-radius:4px;box-shadow:inset 0 1px 2px #ffffff1a;content:"";height:8px;left:50%;position:absolute;top:15px;transform:translateX(-50%);width:120px}.phone-frame:after{background:radial-gradient(circle,#2a2a2a,#000);border:1px solid #444;border-radius:50%;box-shadow:inset 0 1px 2px #000c,0 1px 2px #0000004d;content:"";height:6px;transform:translateX(-50%);width:6px}.phone-camera-secondary,.phone-frame:after{left:50%;position:absolute;top:25px;z-index:10}.phone-camera-secondary{background:radial-gradient(circle,#1a1a1a,#000);border:1px solid #333;border-radius:50%;box-shadow:inset 0 1px 2px #000000e6,0 1px 2px #0000004d;height:4px;transform:translateX(calc(-50% + 25px));width:4px}.phone-screen{background:linear-gradient(135deg,#5bc0de,#46b8da);border:1px solid #ffffff1a;border-radius:35px;height:100%;overflow:hidden;position:relative;width:100%}.phone-status-bar{align-items:center;background-color:#0000001a;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;justify-content:space-between;padding:12px 20px}.status-icons{align-items:center;display:flex;gap:10px}.battery-icon,.signal-icon,.wifi-icon{background-color:#fff;border-radius:2px;height:10px;width:15px}.wifi-icon{border-radius:50% 50% 0 0}.battery-icon,.signal-icon{border-radius:2px}.battery-icon{position:relative}.battery-icon:after{background-color:#fff;border-radius:0 2px 2px 0;content:"";height:4px;position:absolute;right:-3px;top:3px;width:3px}.time{font-weight:600}.phone-content{height:calc(100% - 50px);justify-content:center;padding:20px}.phone-content,.phone-logo{align-items:center;display:flex;flex-direction:column}.phone-logo{gap:20px;margin-bottom:30px}.phone-logo-image{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:auto;object-fit:contain;width:120px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.phone-logo-text{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700}.phone-features{display:flex;flex-direction:column;gap:15px;width:100%}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#fff;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.feature-item:hover{background:#fff3;transform:translateX(5px)}.feature-icon{font-size:18px}.phone-glow{animation:glow 3s ease-in-out infinite alternate;background:radial-gradient(circle,#5bc0de4d,#0000);border-radius:50px;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}@keyframes glow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.hero-content{gap:60px}.text-content{font-size:30px}.phone-frame{border-radius:40px;height:600px;width:300px}.phone-screen{border-radius:32px}.phone-logo-image{width:110px}}@media (max-width:768px){.hero-content{flex-direction:column;gap:50px;text-align:center}.hero-text{transform:translateY(30px)}.hero-text.animate-in{transform:translateY(0)}.hero-image{transform:translateY(30px)}.hero-image.animate-in{transform:translateY(0)}.text-content{font-size:28px}.text-block{padding:10px 18px}.description p{font-size:16px}.cta-buttons{flex-wrap:wrap;justify-content:center}.phone-frame{border-radius:35px;height:560px;transform:rotateY(-10deg) rotateX(3deg);width:280px}.phone-screen{border-radius:28px}.phone-logo-image{width:100px}.phone-logo-text{font-size:20px}.feature-item{font-size:12px;padding:10px 12px}}@media (max-width:480px){.hero-container{padding:0 20px}.text-content{font-size:24px}.text-block{padding:8px 16px}.cta-btn,.description p{font-size:14px}.cta-btn{padding:12px 24px}.phone-frame{border-radius:32px;height:520px;width:260px}.phone-screen{border-radius:25px}.phone-logo-image{width:90px}.phone-logo-text{font-size:18px}}.register-form-container{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.register-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:40px;width:100%}.form-header{margin-bottom:5px}.form-group{padding-bottom:10px}.form-group label{margin-bottom:5px}.form-group input{border:2px solid #e1e5e9;box-sizing:border-box;font-size:14px;margin-bottom:5px;transition:border-color .3s ease,box-shadow .3s ease}.password-toggle:focus{color:#3498db}.form-group input.error{box-shadow:0 0 0 3px #e74c3c1a}.register-btn{background:linear-gradient(135deg,#218838,#1ea085);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease;width:100%}.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#1ea085,#218838);box-shadow:0 8px 25px #5bc0de4d;transform:translateY(-2px)}.register-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.login-link{border-top:1px solid #e1e5e9;margin-top:10px;padding-top:20px;text-align:center}.login-link p{color:#666;font-size:14px;margin:0}.login-link a{color:#5bc0de;font-weight:500;text-decoration:none}.login-link a:hover{color:#46b8da;text-decoration:underline}.form-footer{margin-top:10px}@media (max-width:768px){.register-form-container{padding:20px 10px}.register-form{max-width:100%;padding:30px 20px}.form-header h2{font-size:24px}}@media (max-width:480px){.register-form{padding:20px 15px}.form-header h2{font-size:20px}.form-group input{padding:10px 12px}.register-btn{font-size:14px;padding:14px 20px}}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;position:relative;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-modal-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-modal-title{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;margin:0 0 15px}.success-modal-message{color:#666;font-size:16px;line-height:1.6;margin:0 0 30px;padding:0 10px}.success-modal-button{background:linear-gradient(135deg,#218838,#1ea085);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;min-width:150px;padding:14px 40px;text-transform:uppercase;transition:all .3s ease}.success-modal-button:hover{background:linear-gradient(135deg,#1ea085,#218838);box-shadow:0 8px 25px #5bc0de4d;transform:translateY(-2px)}.success-modal-button:active{transform:translateY(0)}@media (max-width:768px){.success-modal-content{max-width:90%;padding:30px 20px}.success-modal-title{font-size:24px}.success-modal-message{font-size:14px}.success-modal-icon{height:60px;width:60px}.success-modal-icon svg{height:48px;width:48px}}@media (max-width:480px){.success-modal-content{padding:25px 15px}.success-modal-title{font-size:20px}.success-modal-button{font-size:14px;padding:12px 30px}}.login-form-container{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.login-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:40px;width:100%}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.checkbox-label{display:flex!important}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid #e0e0e0;border-radius:4px;height:18px;margin-right:8px;position:relative;transition:all .3s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#5bc0de;border-color:#5bc0de}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-password{color:#5bc0de;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#46b8da;text-decoration:underline}.register-link{background:none;border:none;color:#5bc0de;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#46b8da;text-decoration:underline}.forgot-password-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.forgot-password-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:20px;width:90%}.forgot-password-content h3{color:#2a4252;font-size:20px;font-weight:600;margin-bottom:10px;text-align:center}.forgot-password-content p{color:#666;font-size:14px;margin-bottom:20px;text-align:center}.forgot-password-message{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.forgot-password-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.forgot-password-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.forgot-password-buttons{align-items:stretch;display:flex;gap:15px;margin-top:20px}.forgot-password-buttons .submit-btn{flex:1 1;min-width:0;text-align:center}.cancel-btn,.forgot-password-buttons .submit-btn{align-items:center;box-sizing:border-box;display:flex;font-size:14px;height:48px;justify-content:center;margin:0;padding:12px 16px;white-space:nowrap}.cancel-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;min-width:80px;transition:all .3s ease}@media (max-width:768px){.login-form{margin:20px;padding:30px 20px}.form-header h2{font-size:24px}.form-options{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:480px){.login-form-container{padding:20px 10px}.login-form{padding:20px 15px}.form-group input{font-size:14px;padding:10px 12px}}.resend-verification{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:15px}.resend-text{color:#495057;font-size:14px;line-height:1.4;margin:0 0 12px}.resend-text strong{color:#007bff;font-weight:600}.resend-btn{font-weight:600;margin-bottom:10px;padding:10px 16px;transition:all .3s ease;width:100%}.resend-btn:hover:not(:disabled){transform:translateY(-1px)}.resend-btn:disabled{transform:none}.resend-message{color:#28a745;font-size:13px;font-weight:500;text-align:center}.email-verification-container{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.email-verification-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}.verification-header{margin-bottom:30px}.verification-icon{display:flex;justify-content:center;margin-bottom:20px}.verification-icon svg{color:#3498db}.verification-header h2{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;margin-bottom:10px}.verification-header p{color:#666;font-size:16px;line-height:1.5;margin:0}.loading-message{margin:20px 0}.spinner{border-top-color:#3498db;margin:0 auto 15px}.loading-message p{color:#666;font-size:14px;margin:0}.error-message{margin:20px 0}.error-message p{font-size:14px;margin:0 0 10px}.success-message{margin:20px 0;padding:15px}.success-message p{font-size:14px;margin:0}.no-token-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin:20px 0;padding:15px}.no-token-message p{font-size:14px;margin:0 0 10px}.resend-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px;transition:background-color .2s}.resend-btn:hover:not(:disabled){background:#0056b3}.resend-btn:disabled{background:#ccc}.verification-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px}.verification-footer p{color:#666;font-size:14px;margin:0 0 15px}.link-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.link-btn:hover:not(:disabled){color:#0056b3}.link-btn:disabled{color:#ccc;cursor:not-allowed}.back-to-login{margin-top:15px}.back-to-login a{color:#2a4252;font-size:14px;font-weight:500;text-decoration:none}.back-to-login a:hover{color:#3498db;text-decoration:underline}@media (max-width:768px){.email-verification-container{padding:20px 10px}.email-verification-form{max-width:100%;padding:30px 20px}.verification-header h2{font-size:24px}.verification-icon svg{height:48px;width:48px}}@media (max-width:480px){.email-verification-form{padding:20px 15px}.verification-header h2{font-size:20px}.verification-header p{font-size:14px}.resend-btn{font-size:13px;padding:8px 16px}}.profile-completion-container{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.profile-completion-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:40px;width:100%}.form-section{background:#2a42520d;border:1px solid #2a42521a;border-radius:12px;padding:20px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e1e5e9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.complete-profile-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;margin-top:20px;padding:16px 24px;transition:all .3s ease;width:100%}.complete-profile-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 8px 25px #3498db4d;transform:translateY(-2px)}.complete-profile-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.profile-completion-container{padding:20px 10px}.profile-completion-form{max-width:100%;padding:20px}.form-row{gap:0;grid-template-columns:1fr}.form-section{padding:15px}.form-header h2{font-size:24px}}@media (max-width:480px){.profile-completion-form{padding:15px}.form-section{padding:10px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px}.complete-profile-btn{font-size:14px;padding:14px 20px}}.terms-checkbox-wrapper{align-items:center;display:flex;gap:10px;margin-top:20px}.terms-checkbox-wrapper input[type=checkbox]{cursor:pointer;flex-shrink:0;margin:0;width:auto}.terms-checkbox-wrapper label{cursor:pointer;flex:1 1;font-weight:400;margin:0}.password-setup-container{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.password-setup-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:40px;width:100%}.form-header{margin-bottom:40px}.form-header h2{font-size:32px}.form-header p{margin:0 0 10px}.email-info{color:#5bc0de!important;font-size:14px;font-weight:600}.password-form{gap:25px}.form-group,.password-form{display:flex;flex-direction:column}.form-group label{letter-spacing:.5px;text-transform:uppercase}.form-group input{background-color:#fff;padding:15px}.form-group input.error{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.field-error{color:#e74c3c;font-size:12px;font-weight:500;margin-top:5px}.submit-btn{border-radius:8px;margin-top:10px;padding:15px}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #5bc0de4d}.submit-btn:disabled{opacity:.7}.error-message{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-weight:500;padding:15px;text-align:center}.reset-password-container{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.reset-password-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:40px;width:100%}.form-header p{margin:0}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:45px}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#2a4252}.password-toggle:focus{color:#5bc0de;outline:none}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#5bc0de;box-shadow:0 0 0 3px #5bc0de1a;outline:none}.submit-btn{background:linear-gradient(135deg,#5bc0de,#46b8da);border:none;border-radius:12px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#46b8da,#5bc0de);box-shadow:0 8px 25px #5bc0de4d}.submit-btn:disabled{transform:none}.form-footer{text-align:center}.form-footer p{color:#666;font-size:14px;margin:0}.login-link{background:none;border:none;color:#5bc0de;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#46b8da;text-decoration:underline}.success-icon{background:linear-gradient(135deg,#4db6ac,#26a69a)}.error-icon,.success-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.error-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.loading-spinner{align-items:center;display:flex;justify-content:center;margin:20px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#5bc0de;height:40px;width:40px}@media (max-width:768px){.reset-password-form{margin:20px;padding:30px 20px}.form-header h2{font-size:24px}}@media (max-width:480px){.reset-password-container{padding:20px 10px}.reset-password-form{padding:20px 15px}.form-group input{font-size:14px;padding:10px 12px}}.become-employer-container{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.become-employer-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:40px;width:100%}.form-header{margin-bottom:30px}.form-header h2{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;margin-bottom:10px}.step-content{width:100%}.question-text{margin-bottom:30px}.question-text p{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;margin-bottom:15px}.question-text ul{color:#2a4252;font-size:15px;line-height:1.8;margin-left:20px;margin-top:10px}.question-text ul li{margin-bottom:8px}.form-group{margin-bottom:25px}.form-group label{font-weight:500}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#5bc0de;box-shadow:0 0 0 3px #5bc0de1a;outline:none}.checkbox-group{margin-top:10px}.checkbox-label{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#5bc0de;cursor:pointer;display:block;flex-shrink:0;height:20px;margin:0;opacity:1;padding:0;visibility:visible;width:20px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label input[type=checkbox]:checked{accent-color:#28a745}.checkbox-label span{flex:1 1}.toggle-switch-label{align-items:center;color:#2a4252;cursor:pointer;display:flex!important;flex-wrap:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;gap:15px;justify-content:space-between;padding:12px 0}.toggle-label-text{flex:1 1 auto;line-height:26px;margin-right:0;min-width:0}.toggle-label-text,.toggle-switch-wrapper{align-items:center;display:flex;height:26px}.toggle-switch-wrapper{flex-grow:0;flex-shrink:0;justify-content:center;margin:0;position:relative;width:50px}.toggle-switch-input{height:0;opacity:0;position:absolute;width:0}.toggle-switch-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch-input:checked+.toggle-switch-slider{background-color:#28a745}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translateX(24px)}.toggle-switch-input:disabled+.toggle-switch-slider{cursor:not-allowed;opacity:.5}.toggle-switch-input:focus+.toggle-switch-slider{box-shadow:0 0 1px #28a745}.form-textarea{min-height:150px}.button-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.btn-cancel,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;min-width:150px;padding:14px 28px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#218838,#1ea085);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1ea085,#218838);box-shadow:0 8px 25px #5bc0de4d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#5bc0de,#46b8da);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#46b8da,#5bc0de);box-shadow:0 8px 25px #5bc0de4d;transform:translateY(-2px)}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268;box-shadow:0 8px 25px #6c757d4d;transform:translateY(-2px)}.btn-cancel:disabled,.btn-primary:disabled,.btn-secondary:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px 16px}.success-message{background:#efe;border:1px solid #c3e6cb;border-radius:8px;color:#28a745}@media (max-width:768px){.become-employer-container{padding:20px 10px}.become-employer-form{max-width:100%;padding:30px 20px}.form-header h2{font-size:24px}.button-group{flex-direction:column}.btn-cancel,.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.become-employer-form{padding:20px 15px}.form-header h2{font-size:20px}.question-text p{font-size:14px}}.privacy-policy-page{background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.privacy-policy-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:900px;padding:40px}.privacy-policy-container h1{color:#fff;font-size:36px;margin-bottom:10px;text-align:center}.last-updated{margin-bottom:10px}.controller,.last-updated{color:#ffffffb3;font-size:14px;text-align:center}.controller{margin-bottom:40px}.privacy-content{color:#ffffffe6;line-height:1.8}.privacy-content section{margin-bottom:35px}.privacy-content h2{border-bottom:2px solid #5bc0de4d;color:#5bc0de;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:10px}.privacy-content p{font-size:16px;margin-bottom:15px}.privacy-content ul{margin-bottom:15px;margin-left:20px;padding-left:20px}.privacy-content li{font-size:16px;margin-bottom:10px}.privacy-content strong{color:#fff}.privacy-content a{color:#5bc0de;text-decoration:none;transition:color .3s ease}.privacy-content a:hover{color:#46b8da;text-decoration:underline}.data-usage-table{margin:20px 0;overflow-x:auto}.data-usage-table table{background:#ffffff0d;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.data-usage-table th{background:#5bc0de33;border-bottom:2px solid #5bc0de4d;color:#5bc0de;font-weight:600;padding:12px 15px;text-align:left}.data-usage-table td{border-bottom:1px solid #ffffff1a;color:#ffffffe6;padding:12px 15px}.data-usage-table tr:last-child td{border-bottom:none}.data-usage-table tr:hover{background:#ffffff0d}@media (max-width:768px){.privacy-policy-container{padding:30px 20px}.privacy-policy-container h1{font-size:28px}.privacy-content h2{font-size:20px}.privacy-content li,.privacy-content p{font-size:14px}}.terms-page{background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.terms-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:900px;padding:40px}.terms-container h1{color:#fff;font-size:36px;margin-bottom:40px;text-align:center}.terms-content{color:#ffffffe6;line-height:1.8}.terms-content section{margin-bottom:35px}.terms-content h2{border-bottom:2px solid #5bc0de4d;color:#5bc0de;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:10px}.terms-content p{font-size:16px;margin-bottom:15px}.terms-content ul{margin-bottom:15px;margin-left:20px;padding-left:20px}.terms-content li{font-size:16px;margin-bottom:10px}.terms-content strong{color:#fff}.terms-content a{color:#5bc0de;text-decoration:none;transition:color .3s ease}.terms-content a:hover{color:#46b8da;text-decoration:underline}@media (max-width:768px){.terms-container{padding:30px 20px}.terms-container h1{font-size:28px}.terms-content h2{font-size:20px}.terms-content li,.terms-content p{font-size:14px}}.learn-more-page{background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.learn-more-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:1000px;padding:50px 40px}.learn-more-container h1{color:#fff;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:30px;text-align:center}.learn-more-content{color:#ffffffe6;line-height:1.8}.intro-text{color:#fffffff2;font-size:18px;margin-bottom:20px;text-align:center}.learn-more-content section{margin-bottom:45px}.learn-more-content h2{border-bottom:2px solid #5bc0de4d;color:#5bc0de;font-size:28px;font-weight:600;margin-bottom:20px;margin-top:40px;padding-bottom:12px}.learn-more-content h3{color:#4db6ac;font-size:22px;font-weight:600;margin-bottom:15px;margin-top:25px}.learn-more-content p{font-size:16px;line-height:1.8;margin-bottom:18px}.learn-more-content ol,.learn-more-content ul{margin-bottom:20px;margin-left:25px;padding-left:20px}.learn-more-content li{font-size:16px;line-height:1.8;margin-bottom:12px}.learn-more-content strong{color:#fff;font-weight:600}.numbered-list{list-style-type:decimal}.numbered-list li{margin-bottom:15px}.feature-section{background:#ffffff08;border-left:4px solid #5bc0de80;border-radius:8px;margin-bottom:30px;padding:20px}.feature-section h3{margin-bottom:15px;margin-top:0}.feature-section ul{margin-top:10px}.benefits-list{list-style:none;margin-left:0;padding-left:0}.benefits-list li{align-items:flex-start;background:#ffffff08;border-radius:6px;display:flex;margin-bottom:15px;padding:10px}.benefits-list .icon{flex-shrink:0;font-size:24px;margin-right:15px}.checkmark-list{list-style:none;margin-left:0;padding-left:0}.checkmark-list li{font-size:16px;margin-bottom:12px;padding:8px 0}.cta-section{background:#4db6ac1a;border:2px solid #4db6ac4d;border-radius:12px;margin-top:50px;padding:40px 20px;text-align:center}.cta-section h3{color:#4db6ac;font-size:32px;margin-bottom:20px;margin-top:0}.cta-section p{color:#fffffff2;font-size:18px;margin-bottom:15px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.cta-button{border:2px solid #0000;border-radius:6px;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#4db6ac,#5bc0de);border-color:#0000;color:#fff}.cta-button.primary:hover{background:linear-gradient(135deg,#3da69a,#4ab0d0);box-shadow:0 6px 20px #4db6ac66;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border-color:#5bc0de;color:#5bc0de}.cta-button.secondary:hover{background:#5bc0de1a;box-shadow:0 6px 20px #5bc0de4d;transform:translateY(-2px)}@media (max-width:768px){.learn-more-container{padding:30px 20px}.learn-more-container h1{font-size:32px}.learn-more-content h2{font-size:24px}.learn-more-content h3{font-size:20px}.intro-text{font-size:16px}.learn-more-content li,.learn-more-content p{font-size:15px}.cta-section{padding:30px 15px}.cta-section h3{font-size:26px}.cta-buttons{align-items:stretch;flex-direction:column}.cta-button{text-align:center;width:100%}.benefits-list li{align-items:center;flex-direction:row}.benefits-list .icon{font-size:20px;margin-right:12px}}.company-dashboard{color:#fff;margin:80px auto 0;max-width:1600px;min-height:calc(100vh - 80px);padding:20px}.company-dashboard h1{color:#fff;margin-bottom:20px;text-align:center;width:100%}.company-dashboard .dashboard-content{align-items:flex-start;background:#0000!important;display:flex;flex-direction:row;gap:20px}.company-dashboard .dashboard-main{background:#0000!important;flex:1 1;min-width:0}.company-dashboard .dashboard-sidebar{align-self:flex-start;background:#0000;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;width:250px}.invite-section{background:#ffffff1a;border-radius:8px;margin-bottom:30px;padding:25px}.invite-section h2{color:#fff;margin-bottom:10px}.invite-section p{color:#fffc;margin-bottom:20px}.invite-form{display:flex;gap:10px;margin-bottom:15px}.invite-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:16px;padding:12px 16px}.invite-input::placeholder{color:#ffffff80}.invite-input:focus{background:#ffffff26;border-color:#5bc0de;outline:none}.invite-button{background:linear-gradient(135deg,#5bc0de,#46b8da);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.invite-button:hover:not(:disabled){background:linear-gradient(135deg,#46b8da,#5bc0de);transform:translateY(-2px)}.invite-button:disabled{cursor:not-allowed;opacity:.6}.relationships-section h2{margin-bottom:10px}.relationships-section p{color:#fffc;margin-bottom:20px}.subcontractors-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}@media (max-width:1024px){.subcontractors-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.subcontractors-list{grid-template-columns:1fr}}.table-actions{align-items:center;display:flex;gap:10px}.pending-requests-list{display:flex;flex-direction:column;gap:15px}.request-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-left:4px solid #ff9800;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:background .3s}.request-card:hover{background:#ffffff14}.request-info h4{color:#fff;font-size:18px;margin:0 0 5px}.request-info p{color:#ffffffb3;font-size:14px;margin:0}.request-actions{display:flex;gap:10px}.accept-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.accept-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#28a745);transform:translateY(-2px)}.accept-button:disabled{cursor:not-allowed;opacity:.6}.reject-button{background:#dc3545cc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.reject-button:hover:not(:disabled){background:#dc3545;transform:translateY(-2px)}.reject-button:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:8px;margin-top:10px;padding:15px}.message.error{background:#dc354533;border:1px solid #dc354580;color:#ff6b6b}.message.success{background:#28a74533;border:1px solid #28a74580;color:#28a745}.payments-section{margin-bottom:30px;padding:25px}.modal-content .invite-form{display:flex;gap:10px;margin-bottom:15px}.modal-content .invite-button{background:linear-gradient(135deg,#5bc0de,#46b8da);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.modal-content .invite-button:hover:not(:disabled){background:linear-gradient(135deg,#46b8da,#5bc0de);transform:translateY(-2px)}.modal-content .invite-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.company-dashboard .dashboard-content{flex-direction:column}.company-dashboard .dashboard-sidebar{position:relative;top:0;width:100%}.sidebar-menu{flex-direction:row;overflow-x:auto}.sidebar-menu-item{white-space:nowrap}.subcontractors-list{grid-template-columns:1fr}.request-card{align-items:flex-start;flex-direction:column;gap:15px}.request-actions{justify-content:stretch;width:100%}.accept-button,.reject-button{flex:1 1}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.relationships-table{min-width:600px}.relationships-table td,.relationships-table th{font-size:13px;padding:12px 8px}.relationships-table th{font-size:11px}.table-actions{flex-direction:column;gap:8px}.table-actions .accept-button,.table-actions .reject-button{width:100%}}.payment-detail-modal{width:90%}.payment-action-comment{margin-bottom:20px}.payment-action-comment label{color:#ffffffe6;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.payment-comment-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;width:100%}.payment-comment-input:focus{background:#ffffff26;border-color:#fff6;outline:none}.payment-comment-input::placeholder{color:#ffffff80}.payment-action-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.section-header h2{font-size:28px;font-weight:700}.subcontractor-management-container{background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);color:#fff;margin-top:80px;min-height:calc(100vh - 80px);padding:20px 20px 40px}.management-header{margin-bottom:40px;text-align:center}.management-header h1{color:#fff;font-size:36px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.management-header p{color:#b8c5d1;font-size:18px;margin-bottom:10px}.management-content{margin:0 auto;max-width:1200px}.section-header{margin-bottom:30px;padding:0 20px}.section-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.invite-btn{align-items:center;background:linear-gradient(135deg,#4db6ac,#26a69a);border:none;border-radius:8px;box-shadow:0 4px 15px #4db6ac4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.invite-btn:hover{background:linear-gradient(135deg,#26a69a,#4db6ac);box-shadow:0 6px 20px #4db6ac66;transform:translateY(-2px)}.btn-icon{font-size:18px}.error-container,.loading-container{padding:60px 20px}.error-container h3{color:#dc3545;margin-bottom:10px}.no-subcontractors{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-subcontractors-icon{font-size:64px;margin-bottom:20px;opacity:.7}.no-subcontractors h3{color:#fff;font-size:24px;margin-bottom:10px}.no-subcontractors p{color:#b8c5d1;font-size:16px;margin-bottom:30px}.invite-first-btn{background:linear-gradient(135deg,#4db6ac,#26a69a);border:none;border-radius:8px;box-shadow:0 4px 15px #4db6ac4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.invite-first-btn:hover{background:linear-gradient(135deg,#26a69a,#4db6ac);box-shadow:0 6px 20px #4db6ac66;transform:translateY(-2px)}.subcontractors-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:0 20px}.subcontractor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:25px;transition:all .3s ease}.subcontractor-card:hover{border-color:#5bc0de80;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.subcontractor-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.subcontractor-name h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 5px}.subcontractor-email{color:#b8c5d1;font-size:14px;margin:0}.subcontractor-status{border-radius:20px;color:#fff;font-size:12px;font-weight:600;min-width:120px;padding:6px 12px;text-align:center}.subcontractor-details{margin-bottom:20px}.detail-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.detail-label{color:#b8c5d1;font-weight:500}.detail-value{color:#fff;font-weight:600}.subcontractor-stats{background:#ffffff0d;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.stat-item{flex:1 1;text-align:center}.stat-number{color:#5bc0de;display:block;font-size:20px;font-weight:700}.stat-label{color:#b8c5d1;font-size:12px;margin-top:5px}.subcontractor-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:15px}.subcontractor-joined{color:#b8c5d1;font-size:12px}.subcontractor-actions{display:flex;gap:10px}.edit-btn,.resend-btn{border:none;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.edit-btn{background:#5bc0de;color:#fff}.edit-btn:hover{background:#46b8da}.resend-btn{background:#ffc107;color:#212529}.resend-btn:hover{background:#e0a800}.resend-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.resend-btn:disabled:hover{background:#6c757d;transform:none}.invitation-note{background-color:#e8f4fd;border:1px solid #b3d9ff;border-radius:8px;color:#2c3e50;font-size:14px;margin:20px 0;padding:15px}.invitation-note p{line-height:1.5;margin:0}.modal-content{box-shadow:0 20px 60px #0000004d;max-width:500px}.modal-header{border-bottom:1px solid #e9ecef;margin-bottom:25px;padding:25px 25px 0}.modal-header h2{font-weight:600}.close-btn{border-radius:50%;color:#6c757d;transition:all .3s ease}.close-btn:hover{background:#f8f9fa}.invite-form{padding:0 25px 25px}.form-row{grid-gap:15px;gap:15px}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4db6ac;box-shadow:0 0 0 3px #4db6ac1a;outline:none}.modal-footer{align-items:stretch;border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.cancel-btn,.submit-btn{align-items:center;box-sizing:border-box;display:flex;height:44px;justify-content:center;line-height:1;margin:0;vertical-align:middle}.cancel-btn:hover{background:#5a6268}.submit-btn{background:linear-gradient(135deg,#4db6ac,#26a69a)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#26a69a,#4db6ac);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.subcontractor-management-container{padding:20px 10px}.management-header h1{font-size:28px}.section-header{align-items:stretch;flex-direction:column;gap:20px}.subcontractors-grid{padding:0 10px}.form-row,.subcontractors-grid{grid-template-columns:1fr}.modal-content{margin:10px}.subcontractor-stats{flex-direction:column;gap:10px}.subcontractor-footer{align-items:stretch;flex-direction:column;gap:15px}.subcontractor-actions{justify-content:center}}.placeholder-component{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.placeholder-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 15px 30px #0000004d;max-width:600px;padding:40px;text-align:center;width:100%}.placeholder-content h1{color:#2a4252;font-size:28px;font-weight:700;margin-bottom:20px}.placeholder-content h1,.placeholder-content p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.placeholder-content p{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.placeholder-info{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px;text-align:left}.placeholder-info p{color:#555;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;margin-bottom:8px}.placeholder-info strong{color:#2a4252;font-weight:600}.placeholder-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:left}.feature-item{background:#e8f4f8;border-left:4px solid #5bc0de;border-radius:8px;color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;padding:15px}@media (max-width:768px){.placeholder-content{margin:20px;padding:30px 20px}.placeholder-content h1{font-size:24px}.placeholder-features{grid-template-columns:1fr}}@media (max-width:480px){.placeholder-component{padding:20px 10px}.placeholder-content{padding:20px 15px}.placeholder-content h1{font-size:20px}.placeholder-content p{font-size:14px}}.subcontractor-dashboard{color:#fff;margin:80px auto 0;max-width:1600px;min-height:calc(100vh - 80px);padding:20px}.subcontractor-dashboard h1{color:#fff;margin-bottom:20px;text-align:center;width:100%}.subcontractor-dashboard .dashboard-content{align-items:flex-start;background:#0000!important;display:flex;flex-direction:row;gap:20px}.subcontractor-dashboard .dashboard-main{background:#0000!important;flex:1 1;min-width:0}.subcontractor-dashboard .dashboard-sidebar{align-self:flex-start;background:#0000;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;width:250px}.search-employers-section{background:#ffffff1a;border-radius:8px;margin-bottom:30px;padding:25px}.search-employers-section h2{color:#fff;margin-bottom:10px}.search-employers-section p{color:#fffc;margin-bottom:20px}.dropdown-container{margin-bottom:20px;position:relative}.dropdown-input-wrapper{position:relative}.dropdown-input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 40px 12px 15px;width:100%}.dropdown-input::placeholder{color:#ffffff80}.dropdown-input:focus{background:#ffffff26;border-color:#5bc0de;outline:none}.dropdown-arrow{color:#ffffffb3;font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.dropdown-arrow.open{top:33%}.dropdown-menu{background:#2a4252f2;border:1px solid #fff3;border-radius:5px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:5px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #ffffff1a;cursor:pointer;padding:12px 15px;transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.selected{background:#5bc0de4d}.dropdown-item.no-results{color:#ffffff80;cursor:default;text-align:center}.dropdown-item.no-results:hover{background:#0000}.employer-dropdown-info{display:flex;flex-direction:column;gap:4px}.employer-dropdown-info strong{color:#fff;font-size:15px}.employer-dropdown-info span{color:#ffffffb3;font-size:13px}.selected-employer-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.selected-employer-card .employer-info h4{color:#fff;font-size:18px;margin:0 0 5px}.selected-employer-card .employer-info p{color:#ffffffb3;font-size:14px;margin:0}.message{border-radius:5px;margin-bottom:20px;padding:12px 15px}.message.success{background:#4caf5033;border:1px solid #4caf5080;color:#81c784}.message.error{background:#f4433633;border:1px solid #f4433680;color:#e57373}.message.info{background:#2196f333;border:1px solid #2196f380;color:#64b5f6}.request-button{background:#4db6ac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s}.request-button:hover:not(:disabled){background:#26a69a}.request-button:disabled{cursor:not-allowed;opacity:.6}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5bc0de99,#46b8da99);border:2px solid #0003;border-radius:6px;box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5bc0decc,#46b8dacc);box-shadow:inset 0 0 6px #0006,0 0 8px #5bc0de66}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#46b8dae6,#5bc0dee6)}::-webkit-scrollbar-corner{background:#0000004d}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5bc0de99,#46b8da99);border:1px solid #0003;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5bc0decc,#46b8dacc)}*{scrollbar-color:#5bc0de99 #0000004d;scrollbar-width:thin}.relationships-section{background:#ffffff1a;border-radius:8px;margin-bottom:30px;padding:25px}.relationships-section h2{color:#fff;margin-bottom:20px}.section-header{margin-bottom:20px}.section-header h2{margin-bottom:0}.action-button{background:linear-gradient(135deg,#5bc0de,#46b8da);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.action-button:hover{background:linear-gradient(135deg,#46b8da,#5bc0de);box-shadow:0 4px 12px #5bc0de66;transform:translateY(-2px)}.tabs-container{border-bottom:2px solid #ffffff1a;display:flex;gap:10px;margin-bottom:25px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#ffffffb3;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;position:relative;transition:all .3s}.tab-button:hover{background:#ffffff0d;color:#fff}.tab-button.active{border-bottom-color:#5bc0de;color:#fff;font-weight:600}.relationship-group{margin-bottom:30px}.relationship-group:last-child{margin-bottom:0}.relationship-group h3{color:#ffffffe6;font-size:18px;font-weight:600;margin-bottom:15px}.employers-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}@media (max-width:1024px){.employers-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.employers-list{grid-template-columns:1fr}}.table-container{margin-top:20px;overflow-x:auto;width:100%}.relationships-table{background:#ffffff0d;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.relationships-table thead{background:#ffffff1a}.relationships-table th{border-bottom:2px solid #fff3;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;vertical-align:middle}.relationships-table tbody tr{border-bottom:1px solid #ffffff1a;transition:background-color .2s}.relationships-table tbody tr:hover{background:#ffffff14}.relationships-table tbody tr:last-child{border-bottom:none}.relationships-table td{color:#ffffffe6;font-size:14px;padding:16px;text-align:left;vertical-align:middle}.relationships-table .table-row.connected{border-left:4px solid #4caf50}.relationships-table .table-row.pending{border-left:4px solid #ff9800}.relationship-date{color:#ffffff80!important;font-size:12px!important;margin-top:8px!important}.status-badge{border-radius:20px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.status-active{background:#4caf5033;border:1px solid #4caf5080;color:#81c784}.status-badge.status-pending{background:#ff980033;border:1px solid #ff980080;color:#ffb74d}.empty-state{color:#ffffffb3;padding:40px 20px;text-align:center}.empty-state p{font-size:15px;margin:10px 0}.loading-state{color:#ffffffb3;padding:20px;text-align:center}.sidebar-menu{background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px}.sidebar-menu-item{align-items:center;border-radius:6px;color:#fffc;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:all .3s}.sidebar-menu-item:hover{background:#ffffff1a;color:#fff}.sidebar-menu-item.active{background:#5bc0de4d;border-left:3px solid #5bc0de;color:#fff;padding-left:12px}.menu-icon{font-size:20px;text-align:center;width:24px}.menu-text{font-size:15px;font-weight:500}.payments-section{background:#ffffff1a;border-radius:8px;padding:40px}.modal-overlay{align-items:center!important;background:#000000b3!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;margin:0!important;min-height:100%!important;min-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px!important;right:0!important;top:0!important;z-index:9999!important}.modal-overlay,body.modal-open{position:fixed!important;width:100%!important}body.modal-open{overflow:hidden!important}.modal-content{background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252)!important;border:1px solid #ffffff1a!important;border-radius:12px;box-shadow:0 20px 60px #00000080;color:#fff!important;display:flex;flex-direction:column;max-height:85vh;max-width:700px;min-height:400px;overflow-x:hidden;width:90%}.modal-content.payment-request-modal{max-width:900px;width:95%}.modal-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:25px 30px}.modal-header h2{color:#fff!important}.modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .3s;width:32px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{background:#0000!important;flex:1 1;min-height:0;overflow-y:auto;padding:30px}.modal-body p{color:#fffc!important;margin-bottom:20px}.modal-body h4,.modal-body span,.modal-body strong{color:#fff!important}.modal-content .dropdown-input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 40px 12px 15px;width:100%}.modal-content .dropdown-input::placeholder{color:#ffffff80}.modal-content .dropdown-input:focus{background:#fff3;border-color:#5bc0de;outline:none}.modal-content .invite-input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;flex:1 1;font-size:16px;padding:12px 16px}.modal-content .invite-input::placeholder{color:#ffffff80}.modal-content .invite-input:focus{background:#fff3;border-color:#5bc0de;outline:none}.modal-content .selected-employer-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:20px;padding:20px}.modal-content .request-button{background:#4db6ac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s}.modal-content .request-button:hover:not(:disabled){background:#26a69a}.modal-content .request-button:disabled{cursor:not-allowed;opacity:.6}.modal-content .dropdown-container{margin-bottom:20px;position:relative;z-index:1}.modal-content .dropdown-menu{background:#2a4252fa;border:1px solid #fff3;border-radius:5px;box-shadow:0 4px 12px #00000080;left:0;margin-top:5px;max-height:350px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10001}.modal-content .dropdown-item{border-bottom:1px solid #ffffff1a;color:#fff;cursor:pointer;padding:12px 15px;transition:background .2s}.modal-content .dropdown-item:hover{background:#ffffff1a}.modal-content .dropdown-item.selected{background:#5bc0de33}.modal-content .dropdown-item.no-results{color:#ffffff80;cursor:default}.modal-content .employer-dropdown-info{display:flex;flex-direction:column;gap:4px}.modal-content .employer-dropdown-info strong{color:#fff;font-size:14px}.modal-content .employer-dropdown-info span{color:#ffffffb3;font-size:12px}.contract-terms-modal{max-width:800px;min-height:500px}.contract-terms-content{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin:20px 0;max-height:400px;overflow-y:auto;padding:20px}.contract-terms-content pre{word-wrap:break-word;color:#ffffffe6;font-family:inherit;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.terms-agreement{background:#ffffff0d;border-radius:8px;margin:25px 0;padding:15px}.terms-checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px}.terms-checkbox{accent-color:#5bc0de;cursor:pointer;height:20px;width:20px}.terms-checkbox-label span{-webkit-user-select:none;user-select:none}.modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px}.cancel-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.cancel-button:hover{background:#ffffff26;border-color:#ffffff4d}.payments-section .empty-state h2{color:#fff;margin-bottom:15px}.payment-request-modal{max-width:900px;width:90%}.employer-selection-step{padding:20px 0}.step-instruction{color:#ffffffe6;font-size:16px}.employer-dropdown-container,.step-instruction{margin-bottom:20px}.employer-dropdown-container label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.employer-select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s;width:100%}.employer-select:hover{background:#ffffff26;border-color:#ffffff4d}.employer-select:focus{background:#ffffff26;border-color:#fff6;outline:none}.employer-select option{background:#2a2a2a;color:#fff}.payment-type-container{display:flex;flex-direction:column}.payment-type-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.payment-instruction{color:#ffffffe6;font-size:16px;line-height:1.6;margin-bottom:25px}.payment-explanations{margin-bottom:25px}.payment-explanations p{color:#ffffffd9;font-size:14px;line-height:1.8;margin-bottom:15px}.payment-notes{border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:20px}.payment-notes p{color:#ffffffbf;font-size:13px;line-height:1.6;margin-bottom:10px}.payment-notes strong{color:#fff;font-weight:600}.payment-type-dropdown-container{margin-bottom:20px}.payment-type-select-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.payment-type-select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:14px 16px;transition:all .3s;width:100%}.payment-type-select:hover{background:#ffffff26;border-color:#ffffff4d}.payment-type-select:focus{background:#ffffff26;border-color:#fff6;outline:none}.payment-type-select option{background:#2a2a2a;color:#fff;padding:10px}.continue-button{background:linear-gradient(135deg,#5bc0de,#46b8da);border:none;border-radius:6px;box-shadow:0 4px 15px #5bc0de4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 40px;text-transform:uppercase;transition:all .3s}.continue-button:hover:not(:disabled){background:linear-gradient(135deg,#46b8da,#5bc0de);box-shadow:0 6px 20px #5bc0de66;transform:translateY(-2px)}.continue-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-footer{border-top:1px solid #ffffff1a;justify-content:space-between;padding:20px}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.back-button:hover{background:#ffffff26;border-color:#ffffff4d}.job-rate-form-step{padding:20px 0}.job-rate-form-container{display:flex;flex-direction:column}.job-rate-form-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 30px;text-transform:capitalize}.job-rate-form-section{display:flex;flex-direction:column;gap:25px}.form-field-group{display:flex;flex-direction:column;gap:10px}.form-label{color:#ffffffe6;font-size:14px;font-weight:600}.form-label.required:after{color:#e74c3c;content:" *"}.form-input,.form-textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s;width:100%}.form-input:focus,.form-textarea:focus{background:#ffffff26;border-color:#fff6;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-input[type=date]{color-scheme:dark;cursor:pointer;position:relative}.form-input[type=date]::-webkit-calendar-picker-indicator{background:#5bc0de33;border-radius:4px;cursor:pointer;filter:invert(1);margin-left:8px;opacity:.8;padding:4px;-webkit-transition:all .3s;transition:all .3s}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{background:#5bc0de66;opacity:1;transform:scale(1.1)}.form-input[type=date]:focus::-webkit-calendar-picker-indicator{background:#5bc0de80;opacity:1}.form-input[type=date]::-moz-calendar-picker-indicator{background:#5bc0de33;border-radius:4px;cursor:pointer;margin-left:8px;opacity:.8;padding:4px;-moz-transition:all .3s;transition:all .3s}.form-input[type=date]::-moz-calendar-picker-indicator:hover{background:#5bc0de66;opacity:1}.form-input[type=date]:focus{background:#ffffff26;border-color:#5bc0de;box-shadow:0 0 0 3px #5bc0de33}.form-input[type=date]::-webkit-datetime-edit{color:#fff;padding:0}.form-input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#fff}.form-input[type=date]::-webkit-datetime-edit-text{color:#ffffffb3;padding:0 4px}.form-input[type=date]::-webkit-datetime-edit-day-field,.form-input[type=date]::-webkit-datetime-edit-month-field,.form-input[type=date]::-webkit-datetime-edit-year-field{color:#fff;padding:0 2px}.form-input[type=date]::-webkit-datetime-edit-day-field:focus,.form-input[type=date]::-webkit-datetime-edit-month-field:focus,.form-input[type=date]::-webkit-datetime-edit-year-field:focus{background:#5bc0de4d;border-radius:3px;color:#fff;outline:none}.form-input[type=date]{color:#fff}.form-input[type=date]:invalid{color:#ffffff80}.form-input[type=date]:hover{background:#ffffff1f;border-color:#5bc0de80}.form-field-group:has(input[type=date]){position:relative}.form-textarea{min-height:120px;resize:vertical}.job-rate-instructions{background:#ffffff0d;border-left:4px solid #5bc0de;border-radius:6px;padding:20px}.job-rate-instructions p{color:#ffffffd9;font-size:14px;line-height:1.8;margin-bottom:12px}.job-rate-instructions p:last-child{margin-bottom:0}.by-day-form-container{display:flex;flex-direction:column}.by-day-form-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 30px;text-transform:capitalize}.by-day-form-section{box-sizing:border-box;display:flex;flex-direction:column;gap:25px;width:100%}.by-day-instructions{background:#ffffff0d;border-left:4px solid #5bc0de;border-radius:6px;padding:20px}.by-day-instructions p{color:#ffffffd9;font-size:14px;line-height:1.8;margin-bottom:12px}.by-day-instructions p:last-child{margin-bottom:0}.timesheet-table{background:#ffffff0d;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;width:100%}.timesheet-header{grid-gap:15px;background:#ffffff1a;border-bottom:2px solid #fff3;display:grid;gap:15px;grid-template-columns:120px 3fr 120px 140px;padding:12px}.timesheet-col{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timesheet-row{grid-gap:15px;align-items:center;border-bottom:1px solid #ffffff1a;display:grid;gap:15px;grid-template-columns:120px 3fr 120px 140px;padding:12px}.timesheet-row:last-child{border-bottom:none}.timesheet-day-label{color:#ffffffe6;font-size:14px;font-weight:600;text-transform:capitalize}.timesheet-input{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s;width:100%}.timesheet-amount-wrapper{align-items:center;display:flex;position:relative}.timesheet-amount-prefix{color:#ffffffe6;font-size:14px;font-weight:600;left:12px;pointer-events:none;position:absolute;z-index:1}.timesheet-input.timesheet-col-amount{padding-left:28px}.timesheet-input:focus{background:#ffffff26;border-color:#fff6;outline:none}.timesheet-input::placeholder{color:#ffffff80}.review-form-step{padding:20px 0}.review-form-container{display:flex;flex-direction:column}.review-form-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 10px}.review-instruction{color:#fffc;font-size:14px;line-height:1.6;margin-bottom:30px}.review-section{background:#ffffff0d;border-left:4px solid #5bc0de;border-radius:8px;margin-bottom:30px;padding:20px}.review-section-title{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.review-item{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.review-item:last-child{border-bottom:none}.review-label{color:#ffffffb3;font-size:14px;font-weight:600;min-width:150px}.review-value{color:#fff;flex:1 1;font-size:14px;text-align:right;word-break:break-word}.review-timesheet{background:#ffffff08;border-radius:6px;margin-top:15px;overflow:hidden}.review-timesheet-header{background:#ffffff1a;border-bottom:2px solid #fff3}.review-timesheet-header,.review-timesheet-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:100px 2fr 120px 120px;padding:12px}.review-timesheet-row{border-bottom:1px solid #ffffff1a}.review-timesheet-row:last-child{border-bottom:none}.review-timesheet-col{color:#ffffffe6;font-size:14px}.review-timesheet-header .review-timesheet-col{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.review-total{align-items:center;background:#5bc0de33;border:1px solid #5bc0de66;border-radius:6px;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.review-total-label{color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.review-total-value{color:#5bc0de;font-size:24px;font-weight:700}.review-verification{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin-top:30px;padding:20px}.review-verification-label{align-items:flex-start;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.6}.review-verification-checkbox{accent-color:#5bc0de;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;height:20px;margin-top:2px;min-width:20px;width:20px}.review-verification-checkbox:checked{background:#5bc0de;border-color:#5bc0de}.review-verification-checkbox:focus{outline:2px solid #5bc0de80;outline-offset:2px}.review-verification-text{color:#ffffffe6;flex:1 1;font-size:14px;line-height:1.6}@media (max-width:768px){.payment-request-modal{max-width:100%;width:95%}.modal-footer{flex-direction:column}.modal-footer .back-button,.modal-footer .continue-button{width:100%}.form-row{gap:20px;grid-template-columns:1fr}.timesheet-header,.timesheet-row{gap:10px;grid-template-columns:90px 2fr 100px 120px;padding:10px}.timesheet-amount-prefix{font-size:13px;left:10px}.timesheet-input.timesheet-col-amount{padding-left:24px}.review-total{margin-top:15px;padding:12px 15px}.review-total-label{font-size:14px}.review-total-value{font-size:20px}.timesheet-col,.timesheet-day-label{font-size:12px}.timesheet-input{font-size:13px;padding:8px 10px}.review-item{align-items:flex-start;flex-direction:column;gap:5px}.review-label{min-width:auto}.review-value{text-align:left}.review-timesheet-header,.review-timesheet-row{gap:8px;grid-template-columns:80px 1fr 100px 100px;padding:10px}.review-timesheet-col{font-size:12px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.relationships-table{min-width:600px}.relationships-table td,.relationships-table th{font-size:13px;padding:12px 8px}.relationships-table th{font-size:11px}}.payment-detail-modal{max-height:90vh;max-width:800px;overflow-y:auto}.payment-detail-section{border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:20px}.payment-detail-section:last-child{border-bottom:none}.payment-detail-section h4{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.payment-detail-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0}.payment-detail-item:last-child{border-bottom:none}.payment-detail-label{color:#fffc;font-size:14px;font-weight:600}.payment-detail-value{color:#fff;flex:1 1;font-size:14px;margin-left:20px;text-align:right}.payment-comment{color:#ffffffe6;line-height:1.6;margin-top:10px;padding:15px}.payment-comment,.payment-timesheet{background:#ffffff0d;border-radius:6px}.payment-timesheet{margin-top:15px;overflow:hidden}.payment-timesheet-header{grid-gap:10px;background:#ffffff1a;border-bottom:2px solid #fff3;display:grid;gap:10px;grid-template-columns:100px 2fr 120px 120px;padding:12px}.payment-timesheet.materials-table .payment-timesheet-header,.payment-timesheet.materials-table .payment-timesheet-row{grid-template-columns:2fr 3fr 1fr}.payment-timesheet-row{grid-gap:10px;border-bottom:1px solid #ffffff1a;display:grid;gap:10px;grid-template-columns:100px 2fr 120px 120px;padding:12px}.payment-timesheet-row:last-child{border-bottom:none}.payment-timesheet-col{color:#ffffffe6;font-size:14px}.payment-timesheet-header .payment-timesheet-col{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.view-button{background:#5bc0de33;border:1px solid #5bc0de66;border-radius:6px;color:#5bc0de;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s}.view-button:hover{background:#5bc0de4d;border-color:#5bc0de99}.status-approved,.status-paid{background:#28a74533!important;border:1px solid #28a74566!important;color:#28a745!important}.status-rejected{background:#dc354533!important;border:1px solid #dc354566!important;color:#dc3545!important}.status-withdrawn{background:#9e9e9e33!important;border:1px solid #9e9e9e66!important;color:#9e9e9e!important}.status-pending{background:#ff980033!important;border:1px solid #ff980066!important;color:#ff9800!important}@media (max-width:1024px){.dashboard-content{flex-direction:column}.dashboard-sidebar{position:static;width:100%}.sidebar-menu{flex-direction:row;overflow-x:auto}.sidebar-menu-item{flex-shrink:0}}.pagination-container{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding:15px}.pagination-info{color:#fffc;font-size:14px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pagination-select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.pagination-select:hover{background:#ffffff26}.pagination-select:focus{border-color:#5bc0de80}.pagination-select option{background:#2a4252;color:#fff}.pagination-button{background:#5bc0de33;border:1px solid #5bc0de66;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:8px 16px;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:#5bc0de4d;border-color:#5bc0de99}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-page-info{color:#fffc;font-size:14px;padding:0 10px}.materials-form-step{padding:20px}.materials-form-container{max-width:100%}.materials-form-title{color:#fff;font-size:24px;margin-bottom:10px}.materials-instruction{color:#fffc;font-size:14px;margin-bottom:20px}.materials-table{background:#ffffff0d;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:20px;overflow:hidden;width:100%}.materials-header{grid-gap:15px;background:#ffffff1a;border-bottom:2px solid #fff3;display:grid;gap:15px;grid-template-columns:2fr 3fr 140px 100px;padding:12px}.materials-col{color:#fff;font-size:14px;font-weight:600}.materials-row{grid-gap:15px;align-items:center;border-bottom:1px solid #ffffff1a;display:grid;gap:15px;grid-template-columns:2fr 3fr 140px 100px;padding:12px}.materials-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:8px 12px;width:100%}.materials-input::placeholder{color:#ffffff80}.materials-input:focus{background:#ffffff26;border-color:#5bc0de80;outline:none}.materials-amount-wrapper{align-items:center;display:flex;position:relative}.materials-amount-prefix{color:#fffc;font-size:14px;left:12px;position:absolute;z-index:1}.materials-amount-input{padding-left:30px}.materials-remove-button{background:#f4433633;border:1px solid #f4433666;border-radius:6px;color:#e57373;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.materials-remove-button:hover{background:#f443364d;border-color:#f4433699}.materials-add-button{background:#5bc0de33;border:1px solid #5bc0de66;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.materials-add-button:hover{background:#5bc0de4d;border-color:#5bc0de99}.review-materials{background:#ffffff0d;border-radius:6px;display:flex;flex-direction:column;margin-top:15px;overflow:hidden}.review-materials-header{grid-gap:15px;background:#ffffff1a;border-bottom:2px solid #fff3;display:grid;gap:15px;grid-template-columns:2fr 3fr 1fr;padding:12px}.review-materials-col{color:#fff;font-size:14px;font-weight:600}.review-materials-row{grid-gap:15px;border-bottom:1px solid #ffffff1a;display:grid;gap:15px;grid-template-columns:2fr 3fr 1fr;padding:12px}.review-totals-section{border-top:2px solid #fff3;margin-top:20px;padding-top:20px}.review-total-grand{border-top:2px solid #ffffff4d;font-size:18px;font-weight:700;margin-top:10px;padding-top:10px}.application-form-container{align-items:flex-start;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.application-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;color:#333;max-width:800px;padding:40px;width:100%}.form-header{border-bottom:2px solid #eee;margin-bottom:20px;padding-bottom:20px;text-align:center}.form-header h1{color:#2a4252;font-size:28px;font-weight:700}.form-header h1,.form-header p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:10px}.form-header p{color:#666;font-size:16px}.company-info{font-size:14px}.form-section{margin-bottom:30px}.form-section h3{border-bottom:1px solid #eee;color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;padding-bottom:8px}.form-group,.form-section h3{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5bc0de;box-shadow:0 0 0 3px #5bc0de1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group textarea{min-height:100px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500}.checkbox-label input[type=checkbox]{margin-right:10px;transform:scale(1.2);width:auto}.checkbox-text{color:#2a4252;font-size:14px}.error-message{color:#dc3545;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;margin-top:5px}.calculation-summary{background:#f8f9fa;border-left:4px solid #5bc0de;border-radius:10px;padding:20px}.calculation-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;justify-content:space-between;padding:8px 0}.calculation-item:last-child{border-bottom:none}.calculation-item.total{background:#e8f4f8;border-radius:0 0 10px 10px;color:#2a4252;font-size:16px;font-weight:700;margin:10px -20px -20px;padding:15px 20px}.form-actions{gap:20px;margin-top:40px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 8px 25px #28a7454d;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.application-form-container{padding:20px 10px}.application-form{padding:30px 20px}.form-header h1{font-size:24px}.form-row{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width:480px){.application-form{padding:20px 15px}.form-header h1{font-size:20px}.form-section h3{font-size:16px}.calculation-summary{padding:15px}.calculation-item.total{margin:10px -15px -15px;padding:12px 15px}}.applications-history-container{background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);color:#fff;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-container h2{color:#dc3545;margin-bottom:10px}.retry-btn{background:#5bc0de;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.applications-header{margin-bottom:40px;text-align:center}.applications-header h1{font-size:32px;font-weight:700}.applications-header h1,.applications-header p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:10px}.applications-header p{font-size:18px;opacity:.9}.applications-content{margin:0 auto;max-width:1200px}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 10px 25px #0003;color:#333;margin-bottom:30px;padding:25px}.filters-section h3{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin-bottom:20px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#2a4252;font-weight:600;margin-bottom:8px}.filter-group input,.filter-group label,.filter-group select{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.filter-group input,.filter-group select{border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px;transition:border-color .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#5bc0de;outline:none}.applications-list-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 10px 25px #0003;color:#333;padding:25px}.section-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.section-header h3{color:#2a4252;font-size:20px;margin:0}.new-application-btn,.section-header h3{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}.new-application-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .3s ease}.new-application-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 8px 25px #28a7454d;transform:translateY(-2px)}.no-applications{color:#666;padding:60px 20px;text-align:center}.no-applications-icon{font-size:64px;margin-bottom:20px}.no-applications h3{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;margin-bottom:10px}.no-applications p{margin-bottom:30px}.create-first-btn,.no-applications p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}.create-first-btn{background:linear-gradient(135deg,#5bc0de,#46b8da);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:15px 30px;transition:all .3s ease}.create-first-btn:hover{background:linear-gradient(135deg,#46b8da,#3a9bc1);box-shadow:0 8px 25px #5bc0de4d;transform:translateY(-2px)}.applications-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.application-card{background:#f8f9fa;border-left:4px solid #5bc0de;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.application-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.application-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.application-type{background:#e8f4f8;color:#2a4252}.application-status,.application-type{border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;padding:4px 8px}.application-status{color:#fff}.application-content{margin-bottom:20px}.application-description{color:#2a4252;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:10px}.application-dates,.application-description{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.application-dates{color:#666;font-size:14px;margin-bottom:15px}.application-amounts{margin-bottom:15px}.amount-item{display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;justify-content:space-between;margin-bottom:5px}.amount-item span:first-child{color:#666}.amount-item span:last-child{color:#2a4252;font-weight:600}.total-amount{color:#28a745!important;font-weight:700!important}.application-submitted{color:#999;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.application-actions{display:flex;gap:10px}.edit-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease}.view-btn{background:#5bc0de;color:#fff}.view-btn:hover{background:#46b8da;transform:translateY(-1px)}.edit-btn{background:#ffc107;color:#212529}.edit-btn:hover{background:#e0a800;transform:translateY(-1px)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#dc3545}.modal-body{padding:25px}.detail-section{margin-bottom:25px}.detail-section h3{border-bottom:1px solid #eee;color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column}.detail-item label{color:#666;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.detail-item label,.detail-item span{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.detail-item span{color:#2a4252;font-size:14px}.status-badge{border-radius:4px;color:#fff;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;padding:4px 8px}.work-description{margin-bottom:15px}.work-description label{color:#666;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.work-description p{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;margin:0;padding:15px}.financial-breakdown,.work-description p{background:#f8f9fa;border-left:4px solid #5bc0de;border-radius:8px}.financial-breakdown{padding:20px}.breakdown-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;justify-content:space-between;padding:8px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item.total{background:#e8f4f8;border-radius:0 0 8px 8px;color:#2a4252;font-size:16px;font-weight:700;margin:10px -20px -20px;padding:15px 20px}.employer-comment{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px}.employer-comment p{color:#856404;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;margin:0}.modal-footer{border-top:2px solid #eee;display:flex;gap:15px;justify-content:flex-end;padding:20px 25px}.close-modal-btn,.edit-modal-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.close-modal-btn{background:#6c757d;color:#fff}.close-modal-btn:hover{background:#5a6268;transform:translateY(-2px)}.edit-modal-btn{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.edit-modal-btn:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px)}@media (max-width:768px){.applications-grid,.filters-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:15px}.new-application-btn{width:100%}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-footer{flex-direction:column}.close-modal-btn,.edit-modal-btn{width:100%}}@media (max-width:480px){.applications-history-container{padding:20px 10px}.applications-header h1{font-size:24px}.application-card,.modal-body,.modal-footer,.modal-header{padding:15px}.modal-header h2{font-size:20px}}.subcontractor-profile-container{background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);color:#fff;margin-top:80px;min-height:calc(100vh - 80px);padding:40px 20px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#5bc0de;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-header{margin-bottom:40px;text-align:center}.profile-header h1{font-size:32px;font-weight:700}.profile-header h1,.profile-header p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:10px}.profile-header p{font-size:18px;opacity:.9}.company-info{color:#5bc0de;font-size:16px;font-weight:600}.profile-content{margin:0 auto;max-width:1000px}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;display:flex;margin-bottom:30px;overflow-x:auto;padding:8px}.tab-btn{background:none;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff1a;color:#fff}.tab-btn.active{background:#5bc0de;box-shadow:0 4px 15px #5bc0de4d;color:#fff}.tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 10px 25px #0003;color:#333;padding:30px}.profile-form-section h3{border-bottom:2px solid #eee;color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;margin-bottom:25px;padding-bottom:15px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{margin-bottom:0}.login-form .form-group{margin-bottom:10px}.form-group label{color:#2a4252;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group label,.form-group textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#5bc0de;box-shadow:0 0 0 3px #5bc0de40;outline:none}.form-group input:invalid{border-color:#dc3545}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:2px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;padding:12px 25px;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#5bc0de,#46b8da);color:#fff}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#46b8da,#3a9bc1);box-shadow:0 8px 25px #5bc0de4d;transform:translateY(-2px)}.save-btn:disabled{background:#a7d9ed;box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn{background:#6c757d;color:#fff;height:auto}.cancel-btn:hover:not(:disabled){background:#5a6268;box-shadow:0 8px 25px #6c757d4d;transform:translateY(-2px)}.cancel-btn:disabled{background:#b0b4b8;box-shadow:none;cursor:not-allowed;transform:none}.banking-note{background:#e8f4f8;border:1px solid #5bc0de;border-radius:8px;margin:20px 0;padding:15px}.banking-note p{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;margin:0}.security-section{background:#f8f9fa;border-left:4px solid #5bc0de;border-radius:10px;margin-bottom:30px;padding:25px}.security-section h4{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin-bottom:10px}.security-section p{color:#666;margin-bottom:20px}.change-password-btn,.security-section p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.change-password-btn{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:8px;color:#212529;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.change-password-btn:hover{background:linear-gradient(135deg,#e0a800,#d39e00);box-shadow:0 8px 25px #ffc1074d;transform:translateY(-2px)}.password-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.security-info{background:#f8f9fa;border-left:4px solid #28a745;border-radius:10px;padding:25px}.security-info h4{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;margin-bottom:20px}.security-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.security-item:last-child{border-bottom:none}.security-label{color:#666}.security-label,.security-status{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600}.security-status.active,.security-status.verified{color:#28a745}.security-status.inactive,.security-status.unverified{color:#dc3545}@media (max-width:768px){.subcontractor-profile-container{padding:20px 10px}.profile-header h1{font-size:28px}.tab-navigation{flex-direction:column;gap:5px}.tab-btn{text-align:center}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.tab-content{padding:20px}.profile-form-section h3{font-size:20px}}@media (max-width:480px){.profile-header h1{font-size:24px}.tab-content{padding:15px}.security-info,.security-section{padding:20px}.password-form{padding:15px}.security-item{align-items:flex-start;flex-direction:column;gap:5px}}.toast{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 10px 25px #00000026;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:20px;max-width:500px;min-width:300px;position:fixed;right:20px;transform:translateX(100%);transition:all .3s ease;z-index:10000}.toast-visible{transform:translateX(0)}.toast-hidden{transform:translateX(100%)}.toast-content{gap:12px;padding:16px 20px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.toast-close:hover{background:#f5f5f5;color:#666}.toast-success{border-left-color:#4db6ac}.toast-success .toast-icon{background:#4db6ac;color:#fff}.toast-error{border-left-color:#e74c3c}.toast-error .toast-icon{background:#e74c3c;color:#fff}.toast-warning{border-left-color:#f39c12}.toast-warning .toast-icon{background:#f39c12;color:#fff}.toast-info{border-left-color:#5bc0de}.toast-info .toast-icon{background:#5bc0de;color:#fff}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;transform:translateY(-100%)}.toast-visible{transform:translateY(0)}.toast-hidden{transform:translateY(-100%)}.toast-container{left:0;right:0}}.toast-container{pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.toast-container .toast{pointer-events:auto}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{background-color:#2a4252}.App{display:flex;flex-direction:column;min-height:100vh}.dashboard{align-items:center;background:linear-gradient(135deg,#2a4252,#1e2a35 50%,#2a4252);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.dashboard-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000004d;padding:40px;text-align:center}.dashboard-content h1{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:700;margin-bottom:20px}.dashboard-content p{color:#a7a7a7;font-size:16px;line-height:1.6;margin-bottom:15px}.logout-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:20px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 6px 20px #e74c3c4d;transform:translateY(-2px)}.user-info{margin-bottom:30px;text-align:left}.user-info h2{color:#2a4252;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px}.user-details{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:20px}.user-details p{color:#555;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;margin-bottom:8px}.user-details strong{color:#2a4252;font-weight:600}.company-info{background:#e8f4f8;border-left:4px solid #5bc0de;border-radius:10px;margin-top:20px;padding:20px}.company-info h3{color:#2a4252;font-size:18px;font-weight:600;margin-bottom:15px}.company-info h3,.company-info p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.company-info p{color:#555;font-size:14px;margin-bottom:6px}
/*# sourceMappingURL=main.da6e9e2a.css.map*/