:root{--form-field-height:2.25rem;--form-field-padding:.75rem;--form-field-radius:.375rem;--form-field-border-color:hsl(var(--input));--form-field-background:hsl(var(--background));--form-field-focus-ring:2px;--form-field-focus-offset:0px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date],.form-group input[type=time],.form-group input[type=datetime-local],.form-group input[type=search],.form-group input[type=tel],.form-group input[type=url],.form-group select,.form-group textarea{box-sizing:border-box;width:100%;height:var(--form-field-height);padding:var(--form-field-padding);border:1px solid var(--form-field-border-color);border-radius:var(--form-field-radius);background-color:var(--form-field-background);color:hsl(var(--foreground));appearance:none;transition:border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-fast);font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem}.form-group input::placeholder,.form-group textarea::placeholder{color:hsl(var(--muted-foreground) / .6);font-weight:400}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 var(--form-field-focus-ring) hsl(var(--primary) / .2);outline:none}.form-group input[aria-invalid=true],.form-group select[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#2a6df480}.form-group input[aria-invalid=true]:focus,.form-group select[aria-invalid=true]:focus,.form-group textarea[aria-invalid=true]:focus{box-shadow:0 0 0 var(--form-field-focus-ring) #2a6df433;border-color:#2a6df4}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:hsl(var(--muted) / .5);color:hsl(var(--muted-foreground));cursor:not-allowed;opacity:.5}.form-group textarea{resize:vertical;height:auto;min-height:80px;padding:var(--form-field-padding);line-height:1.5rem}.form-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'%3e%3c/path%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2rem}.form-group select option{background-color:hsl(var(--background));color:hsl(var(--foreground))}:is(.form-group input[type=date],.form-group input[type=time],.form-group input[type=datetime-local])::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);border-radius:.25rem;margin-right:.5rem}:is(.form-group input[type=date],.form-group input[type=time],.form-group input[type=datetime-local])::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:hsl(var(--foreground));letter-spacing:-.01em;font-size:.875rem;font-weight:500}.form-group label span.required{color:#2a6df4;margin-left:.25rem}.form-group .helper-text{color:hsl(var(--muted-foreground));margin-top:.25rem;font-size:.75rem}.form-group .error-text{color:#2a6df4;margin-top:.25rem;font-size:.75rem;font-weight:500}.form-section{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.form-section-title{color:hsl(var(--foreground));letter-spacing:-.01em;margin-bottom:.5rem;font-size:1rem;font-weight:600}.form-section-description{color:hsl(var(--muted-foreground));margin-bottom:1rem;font-size:.8rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-row.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.form-row.cols-2{grid-template-columns:1fr}}.form-row.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.form-row.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.form-row.cols-3{grid-template-columns:1fr}}.field-status{border:1px solid;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem;font-size:.75rem;font-weight:500;display:flex}.field-status.success{color:#21c45d;background-color:#21c45d1a;border-color:#21c45d4d}.field-status.error{color:#ef4343;background-color:#ef43431a;border-color:#ef43434d}.field-status.warning{color:#f59f0a;background-color:#f59f0a1a;border-color:#f59f0a4d}.field-status.info{color:#3c83f6;background-color:#3c83f61a;border-color:#3c83f64d}.form-actions{border-top:1px solid hsl(var(--border));justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}[dir=rtl] select{padding-left:2rem;padding-right:var(--form-field-padding);background-position:.5rem}[dir=rtl] .form-group label span.required{margin-left:0;margin-right:.25rem}@media print{input,select,textarea{border-color:#000}input:focus,select:focus,textarea:focus{box-shadow:none;border-color:#000}}@media (prefers-color-scheme:dark){input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}input[type=time]::-webkit-calendar-picker-indicator{filter:invert()}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()}}
