.input-wrapper{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.input-label{font-size:var(--fs-md);color:var(--text-secondary);font-weight:500}.input-field{width:100%;position:relative}.input-field__icon{left:var(--spacing-lg);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-field--with-icon .input{padding-left:42px}.input{width:100%;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--border-hover);background-color:var(--bg-tertiary);outline:none}.input--error{border-color:var(--error);color:var(--error)}.input--error::placeholder{color:var(--error)}.input--textarea{resize:vertical;border-radius:var(--radius-lg);min-height:96px;line-height:1.5}.input--code{font-family:var(--font-code);font-size:var(--fs-md)}.input:disabled{opacity:.5;cursor:not-allowed}.input[type=date],.input[type=datetime-local],.input[type=time],.input[type=month]{appearance:none;min-width:0;min-height:44px;display:block}.input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.input[type=time]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.input[type=month]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.input[type=month]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.input-error{font-size:var(--fs-md);color:var(--error)}.input-hint{font-size:var(--fs-sm);color:var(--text-tertiary)}