.form-page{background:#fafbfc;min-height:calc(100vh - 200px);padding:var(--space-3xl) 0}.form-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.form-header{text-align:center;margin-bottom:var(--space-2xl)}.form-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-md)}.form-header p{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.form-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-2xl);align-items:start}.form-main{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--gray-200)}.form-section{margin-bottom:var(--space-2xl)}.form-section:last-child{margin-bottom:0}.form-section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:500;color:var(--gray-800);margin-bottom:var(--space-xs);font-size:.875rem}.form-label .required{color:var(--error);margin-left:2px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--gray-900);background:var(--white);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-textarea{min-height:120px;resize:vertical;line-height:1.6}.form-hint{font-size:.8125rem;color:var(--gray-500);margin-top:var(--space-xs);line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.form-option{position:relative}.form-option input[type=radio],.form-option input[type=checkbox]{position:absolute;opacity:0}.form-option label{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;color:var(--gray-700);background:var(--white)}.form-option label svg{width:18px;height:18px;flex-shrink:0;color:var(--gray-400)}.form-option input:checked+label{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.form-option input:checked+label svg{color:var(--primary)}.form-option label:hover{border-color:var(--primary)}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--gray-200)}.form-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);position:sticky;top:100px}.info-box{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--gray-200)}.info-box.info{background:#e6f7ff;border-color:#91d5ff}.info-box.warning{background:#fff7e6;border-color:#ffd591}.info-box.success{background:#f0f9ff;border-color:#b3e0f5}.info-box-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.info-box-header svg{width:20px;height:20px;flex-shrink:0}.info-box.info .info-box-header svg{color:#1890ff}.info-box.warning .info-box-header svg{color:#fa8c16}.info-box.success .info-box-header svg{color:var(--primary)}.info-box-header h3{font-weight:600;font-size:.9375rem;color:var(--gray-900);margin:0}.info-box p{font-size:.875rem;color:var(--gray-700);line-height:1.6;margin:0}.info-box ul{margin:0;padding-left:18px}.info-box ul li{font-size:.875rem;color:var(--gray-700);line-height:1.6;margin-bottom:var(--space-xs)}.info-box ul li:last-child{margin-bottom:0}.info-box a{color:var(--primary);text-decoration:none;font-weight:500}.info-box a:hover{text-decoration:underline}.info-box-divider{display:block;margin:var(--space-md) 0;font-weight:600;font-size:.8125rem;color:var(--gray-900);text-transform:uppercase;letter-spacing:.03em}@media(max-width:1024px){.form-layout{grid-template-columns:1fr}.form-sidebar{position:static}.form-grid{grid-template-columns:1fr}}@media(max-width:640px){.form-header h1{font-size:1.875rem}.form-main{padding:var(--space-lg)}}
