:root{--bg-light:#f8f9fc;--primary-color:#1e3a8a;--primary-hover:#3b82f6;--accent-color:#f59e0b;--border-color:#cbd5e1;--border-color-dark:#94a3b8;--text-primary:#1e293b;--text-secondary:#64748b;--text-error:#ef4444;--text-success:#10b981;--bg-white:#fff;--bg-gray:#f8f9fa;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius-sm:6px;--radius-md:8px;--radius-lg:12px}body,html{margin:0;padding:0;height:100%;font-family:-apple-system,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-light);overflow:hidden}.app-wrapper{display:flex;height:100vh}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.content-main{flex:1;padding:25px;overflow-y:auto}.apply-section{background:#fff;border-radius:var(--radius-lg);padding:25px;box-shadow:var(--shadow-md);margin-top:20px;border:1px solid var(--border-color)}.apply-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color)}.apply-item:last-child{border-bottom:none}.apply-info{flex:1;text-align:left}.apply-title{font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:5px}.apply-btn{min-width:140px;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;text-align:center;transition:all .3s ease;font-size:14px}.apply-btn-primary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.apply-btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-user-form-section{background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-md);margin-top:20px;border:2px solid var(--border-color)}.form-header{margin-bottom:35px;text-align:left;padding-bottom:20px;border-bottom:3px solid var(--border-color)}.form-header h3{margin:0 0 8px 0;color:var(--primary-color);font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.form-header h3:before{content:"";display:inline-block;width:5px;height:30px;background:var(--accent-color);border-radius:2px}.form-header p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.new-user-form{max-width:700px;margin:0 auto}.form-group{display:flex;flex-direction:column;margin-bottom:25px;position:relative}.form-label{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:4px;text-align:left}.form-label .required{color:var(--text-error);font-size:18px;line-height:1}.form-label .optional{color:var(--text-secondary);font-weight:400;font-size:13px}.form-input,.form-textarea{padding:14px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all .3s ease;background-color:var(--bg-white);width:100%;box-sizing:border-box}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#94a3b8}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(30,58,138,.1);transform:translateY(-1px)}.form-input:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:var(--border-color-dark)}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.form-input.is-error{border-color:var(--text-error)}.form-input.is-error:focus{box-shadow:0 0 0 4px rgba(239,68,68,.1)}.field-error{color:var(--text-error);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.field-error:before{content:"⚠";font-size:14px}.form-actions{display:flex;justify-content:flex-start;margin-top:35px;padding-top:25px;border-top:3px solid var(--border-color)}.btn-submit{padding:15px 40px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-hover)}.contact-section{margin-top:30px;padding:20px 25px;background:linear-gradient(135deg,#f8f9fc,#eef2f7);border-radius:var(--radius-md);border:1px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.contact-item{display:flex;align-items:center;gap:12px;padding:8px 0}.contact-icon{font-size:20px;flex-shrink:0}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-label{font-size:12px;color:var(--text-secondary);font-weight:500}.contact-value{font-size:14px;color:var(--primary-color);font-weight:600;font-family:SimSun,Songti SC,serif!important;font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:9999}.modal-content,.modal-overlay{display:flex;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:var(--radius-lg);width:90%;max-width:450px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h3{margin:0;color:var(--primary-color);font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-error)}.dialog-alert{margin:15px 25px 0;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.dialog-alert.success{background-color:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.dialog-alert.success:before{content:"✓";font-weight:700;font-size:16px}.dialog-alert.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.dialog-alert.error:before{content:"✕";font-weight:700;font-size:16px}.modal-body{padding:25px;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:15px 25px 25px;border-top:1px solid var(--border-color);flex-shrink:0}.btn-cancel{padding:10px 20px;background-color:#fff;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:var(--bg-gray);border-color:var(--border-color-dark)}.btn-submit-modal{padding:10px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit-modal:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.phone-input-group{display:flex;gap:10px}.area-code-input{width:110px;flex-shrink:0}.phone-input{flex:1}.btn-send-code{padding:0 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-send-code:disabled{background-color:#94a3b8;cursor:not-allowed}.btn-send-code:hover:not(:disabled){background-color:var(--primary-hover)}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.password-wrapper{position:relative;display:flex;align-items:center}.password-input{padding-right:45px!important;width:100%}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:2}.password-toggle:hover{color:var(--primary-color)}@media (max-width:768px){.apply-item{flex-direction:column;align-items:flex-start;gap:15px}.new-user-form-section{padding:25px}.form-header h3{font-size:20px}.btn-submit{width:100%;justify-content:center}.contact-section{grid-template-columns:1fr;padding:15px}.contact-item{padding:10px 0;border-bottom:1px dashed var(--border-color)}.contact-item:last-child{border-bottom:none}}