.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-200);display:block}.input-required{color:var(--error)}.input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-100);background:var(--bg-800);border:1px solid var(--border);border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) var(--ease-out);outline:none}.input::placeholder{color:var(--text-500)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:var(--accent-400);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-900)}.input--error,.input--error:focus{border-color:var(--error)}.input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-message{font-size:var(--text-sm);margin:0}.input-message--error{color:var(--error)}.input-message--helper{color:var(--text-400)}.card{border-radius:var(--radius-card);transition:all var(--duration-base) var(--ease-out)}.card--default{background:var(--panel);border:1px solid var(--border)}.card--elevated{background:var(--panel-elevated);border:1px solid var(--border);box-shadow:var(--shadow-md)}.card--bordered{background:transparent;border:1px solid var(--border-strong)}.card--ghost{background:hsla(0,0%,100%,.03);border:none}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card--hover{cursor:pointer}