.form{display:grid;gap:18px}.field{display:grid}.field--inline{grid-template-columns:92px 1fr;align-items:start;gap:12px}.field--stacked{gap:6px}.field label{font-size:14px;color:var(--color-text);padding-top:10px}.field--stacked label{padding-top:0}.field .req{color:#d6483a;margin-left:2px}.field-control{display:grid;gap:4px}.field-control input,.field-control select,.field-control textarea{width:100%;padding:10px 14px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);transition:border-color var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo)}.field-control textarea{min-height:92px;resize:vertical;line-height:1.6;font-family:inherit}.field-control input:focus,.field-control select:focus,.field-control textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #2964ff26}.field-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23394563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.field-control select:has(option[value=""]:checked){color:var(--color-text-subtle)}.field-control select option{color:var(--color-text)}.field-control select option[value=""]{color:var(--color-text-subtle)}.field-control input::-moz-placeholder,.field-control textarea::-moz-placeholder{color:var(--color-text-subtle)}.field-control input::placeholder,.field-control textarea::placeholder{color:var(--color-text-subtle)}.field-control .hint{font-size:12px;color:var(--color-text-subtle)}.field-control .error{font-size:12px;color:#d6483a}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#d6483a}.form-actions{display:flex;justify-content:center;margin-top:12px}.form-actions button[type=submit]{min-width:200px;height:40px;border-radius:var(--radius-sm);background:var(--brand-primary);color:#fff;font-size:14px;font-weight:500;transition:background var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.form-actions button[type=submit]:hover:not(:disabled){background:var(--brand-primary-hover)}.form-actions button[type=submit]:disabled{background:var(--color-border-strong);cursor:not-allowed}.multiselect{position:relative}.multiselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);text-align:left;cursor:pointer}.multiselect-trigger.has-placeholder{color:var(--color-text-subtle)}.multiselect-trigger:focus,.multiselect.is-open .multiselect-trigger{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #2964ff26}.multiselect-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);max-height:260px;overflow-y:auto;z-index:5}.multiselect-option{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.multiselect-option:hover{background:var(--color-surface)}.multiselect-option input[type=checkbox]{accent-color:var(--brand-primary)}.multiselect-tags{display:flex;flex-wrap:wrap;gap:4px}.multiselect-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--brand-primary-soft);color:var(--brand-primary);border-radius:var(--radius-pill);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:200;padding:24px;animation:fadeIn .2s var(--ease-out-expo)}.modal{background:#fff;width:min(420px,100%);border-radius:14px;padding:36px 32px;text-align:center;position:relative;box-shadow:var(--shadow-modal);animation:popIn .24s var(--ease-out-expo)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--color-text-muted);transition:background var(--duration-base) var(--ease-out-expo)}.modal-close:hover{background:var(--color-surface)}.modal-icon{margin-inline:auto;margin-bottom:18px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#e8efff,#d8e7ff);position:relative}.modal h3{font-size:20px;margin-bottom:8px}.modal p{font-size:14px;color:var(--color-text-muted);margin-bottom:24px}.modal .btn-primary{width:100%;padding-block:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
