form {
    border-radius: 0.5rem;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    margin: 10px auto;
    background: var(--surface);
    border-color: var(--border);
    color: var(--text-primary);

    fieldset {
        margin: 10px auto;
        padding: 0;
        border: none;

        legend {
            font-weight: 600;
            color: var(--text-primary);
            padding: 0;
        }

        label {
            margin: 10px auto;
            padding: 0;
            color: var(--text-secondary);
            font-size: 0.85rem;

            select {
                margin: 10px auto;
                padding: 10px;
                width: 100%;
                height: 100%;
                background: var(--surface);
                color: var(--text-primary);
                border: 1px solid var(--border);
                border-radius: var(--radius-sm);
                transition: var(--transition-smooth);
            }

            input {
                margin: 10px auto;
                padding: 10px;
                width: 100%;
                background: var(--surface);
                color: var(--text-primary);
                border: 1px solid var(--border);
                border-radius: var(--radius-sm);
                transition: var(--transition-smooth);
            }

            select:focus,
            input:focus {
                outline: none;
                border-color: var(--accent);
                box-shadow: var(--focus-ring);
            }
        }
    }
}