*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.container{width:100%;min-height:100vh;display:flex}.left-panel{color:#fff;background-color:#0000;background-image:linear-gradient(#0c373fb3,#0c373fcc),url(/build/assets/signupBG-pG2iWnm0.png);background-position:50%;background-repeat:repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;flex:0 0 30%;justify-content:flex-start;align-items:flex-start;padding:10px 40px 60px;display:flex;position:relative}.logo{width:240px;height:240px;margin-bottom:0;position:relative}.logo img{object-fit:contain;width:100%;height:100%}.system-title{text-align:left;margin-left:20px}.system-title h1{color:#ff9a5a;text-shadow:3px 3px 6px #0003;font-family:Libre Baskerville,serif;font-size:4rem;font-weight:700;line-height:1.1}.right-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.right-panel:before{content:"";opacity:1;pointer-events:none;background-image:url(/build/assets/line-g31N8FF_.png);background-repeat:no-repeat;background-size:contain;width:1000px;height:2000px;position:absolute;top:-150px;right:150px}.signup-form{z-index:1;width:100%;max-width:900px;position:relative}.form-header{text-align:center;margin-bottom:50px}.form-header h2{color:#1a4d5e;margin-bottom:15px;font-size:3rem;font-weight:700}.form-header .divider{background:0 0;border:none;border-top:3px dashed #1a4d5e;width:100%}.form-row{gap:30px;margin-bottom:30px;display:flex}.form-row .form-group{flex:1;min-width:0}.form-row.fullwidth .form-group{flex:100%}.input-wrapper{align-items:center;display:flex;position:relative}.phone-icon{object-fit:contain;z-index:2;position:absolute;left:15px}.input-icon,.password-icon,.address-icon,.manager-icon,.profile-icon{object-fit:contain;z-index:2;position:absolute;left:25px}.role-icon{object-fit:contain;z-index:2;position:absolute;left:12px}.input-icon{width:40px;height:40px}.phone-icon{width:56px;height:56px}.password-icon{width:35px;height:35px}.address-icon{width:37px;height:37px}.profile-icon{width:40px;height:40px}.role-icon{width:68px;height:68px}.manager-icon{width:39px;height:39px}input[type=text],input[type=email],input[type=tel],input[type=password],select{color:#333;background:#fafafa;border:2px solid #d0d0d0;border-radius:50px;width:100%;padding:20px 25px 20px 90px;font-size:16px;transition:border-color .3s,background .3s}input::placeholder{color:#a8a8a8}input:focus,select:focus{background:#fff;border-color:#1a4d5e;outline:none}select{appearance:none;color:#a8a8a8}select:valid{color:#333}select#managerId:invalid{color:#a8a8a8}.profile-upload-wrapper{cursor:pointer;align-items:center;width:100%;display:flex;position:relative}.profile-upload-input{cursor:pointer;color:#a8a8a8;background:#fafafa;border:2px solid #d0d0d0;border-radius:50px;align-items:center;width:100%;min-height:62px;padding:20px 25px 20px 90px;transition:border-color .3s,background .3s;display:flex}.profile-upload-input:hover{background:#fff;border-color:#1a4d5e}.profile-upload-wrapper.error .profile-upload-input{border-color:#e74c3c}input[type=file]{display:none}.file-format{color:#7f8c8d;margin-top:4px;margin-left:42px;font-size:14px}.server-error{color:#e74c3c;background:#e74c3c1f;border:1px solid #e74c3ca6;border-radius:10px;padding:10px 12px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9a5a,#ff8547);border:none;border-radius:50px;width:70%;max-width:400px;margin:50px auto 0;padding:20px;font-size:20px;font-weight:600;transition:transform .2s;display:block}.submit-btn:hover{transform:translateY(-2px)}.login-link{text-align:center;color:#34495e;margin-top:30px;font-size:16px}.login-link a{color:#1a4d5e;font-weight:700;text-decoration:underline}.error-message{color:#e74c3c;margin-top:6px;margin-left:25px;font-size:13px;display:none}.error-message.show{display:block}input.error,select.error{border-color:#e74c3c}.modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.modal-overlay.show{display:flex}.modal-content{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:520px;padding:28px 30px;box-shadow:0 12px 40px #00000040}.modal-content h3{color:#000;margin:0 0 18px;font-size:18px;font-weight:700}.modal-buttons{justify-content:center;gap:16px;display:flex}.modal-btn{cursor:pointer;background:#fff;border:2px solid #d0d0d0;border-radius:12px;min-width:120px;padding:12px 22px;font-weight:700}.modal-btn-no{color:#000;background:#fff}.modal-btn-yes{color:#fff;background:#1a4d5e;border-color:#1a4d5e}@media (width<=968px){.container{flex-direction:column}.left-panel{flex:none}.form-row{flex-direction:column}.submit-btn{width:100%}}