:root{--royal-blue: #1a73e8;--royal-blue-hover: #1557b0;--royal-blue-light: #e8f0fe;--text-primary: #1f1f1f;--text-secondary: #5f6368;--text-disabled: #dadce0;--color-success: #188038;--bg-success: #e6f4ea;--color-warning: #ea8600;--bg-warning: #fef7e0;--color-danger: #d93025;--bg-danger: #fce8e6;--bg-app: #f0f2f5;--bg-surface: #ffffff;--border-subtle: #e0e0e0;--radius-md: 8px;--shadow-hover: 0 4px 12px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background-color:var(--bg-app);color:var(--text-primary);height:100vh;width:100vw;overflow:hidden}.form-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px}.form-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.form-card .card-header .card-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.form-card .card-header .header-icon{color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full-width{grid-column:span 2}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:13px;font-weight:500;color:var(--text-primary)}.form-field label .required{color:var(--color-danger);margin-left:2px}.form-field input,.form-field select{padding:10px 12px;border:1px solid var(--border-subtle);border-radius:6px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg-surface);outline:none;transition:all .2s}.form-field input::placeholder,.form-field select::placeholder{color:var(--text-disabled)}.form-field input:focus,.form-field select:focus{border-color:var(--royal-blue);box-shadow:0 0 0 3px var(--royal-blue-light)}.form-field input.invalid,.form-field select.invalid{border-color:var(--color-danger)}.form-field input.invalid:focus,.form-field select.invalid:focus{box-shadow:0 0 0 3px var(--bg-danger)}.form-field select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235F6368%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.section-container{width:100%}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-header .icon-blue{color:var(--royal-blue);font-size:20px}.section-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.input-prefix{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.input-prefix .prefix{background:#f8fafc;padding:10px 12px;border-right:1px solid var(--border-color);color:var(--text-secondary);font-size:14px}.input-prefix input{border:none;width:100%}.input-prefix input:focus{box-shadow:none}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:8px}.checkbox-row .checkbox-label{margin:0;font-weight:400;color:var(--text-secondary);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}
