/* Reset */
            body.feature-workitemmanager.pref_profile_settings * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            /* Base styles - scoped to profile settings */
            body.feature-workitemmanager.pref_profile_settings {
                font-family:
                    "Roboto",
                    -apple-system,
                    BlinkMacSystemFont,
                    "Segoe UI",
                    sans-serif;
                background: var(--wi-bg);
                color: var(--wi-text-primary);
                min-height: 100vh;
                display: flex;
                flex-direction: column;
                margin: 0;
                padding: 0;
            }

            /* Header Bar */
            body.feature-workitemmanager.pref_profile_settings .ps-header-bar {
                background: var(--wi-panel);
                border-bottom: 1px solid var(--wi-border);
                padding: 16px 24px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-header-bar
                h1 {
                font-size: 24px;
                font-weight: 600;
                color: var(--wi-text-primary);
                margin: 0;
            }

            body.feature-workitemmanager.pref_profile_settings .ps-back-btn {
                background: #2c3e50;
                color: #ffffff;
                border: none;
                padding: 10px 20px;
                border-radius: 8px;
                cursor: pointer;
                font-size: 15px;
                font-weight: 600;
                display: flex;
                align-items: center;
                gap: 8px;
                transition: all 0.2s;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-back-btn:hover {
                background: #34495e;
                transform: translateY(-1px);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-back-btn:active {
                transform: translateY(0);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }

            body.feature-workitemmanager.pref_profile_settings .ps-back-btn i {
                font-size: 16px;
            }

            /* Container */
            body.feature-workitemmanager.pref_profile_settings .ps-container {
                flex: 1;
                max-width: 900px;
                width: 100%;
                margin: 0 auto;
                padding: 32px 24px;
            }

            /* Section */
            body.feature-workitemmanager.pref_profile_settings .ps-section {
                background: var(--wi-panel);
                border: 1px solid var(--wi-border);
                border-radius: 12px;
                padding: 24px;
                margin-bottom: 24px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-section-title {
                font-size: 18px;
                font-weight: 600;
                color: var(--wi-text-primary);
                margin-bottom: 16px;
                display: flex;
                align-items: center;
                gap: 8px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-section-title
                i {
                color: var(--wi-accent);
            }

            /* Form Group */
            body.feature-workitemmanager.pref_profile_settings .ps-form-group {
                margin-bottom: 20px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group:last-child {
                margin-bottom: 0;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                label {
                display: block;
                font-size: 14px;
                font-weight: 500;
                color: var(--wi-text-primary);
                margin-bottom: 8px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                input,
            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                select,
            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                textarea {
                width: 100%;
                padding: 10px 12px;
                background: var(--wi-bg);
                border: 1px solid var(--wi-border);
                border-radius: 6px;
                color: var(--wi-text-primary);
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                transition: border-color 0.2s;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                input:focus,
            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                select:focus,
            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                textarea:focus {
                outline: none;
                border-color: var(--wi-accent);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                input:disabled {
                opacity: 0.6;
                cursor: not-allowed;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-form-group
                textarea {
                resize: vertical;
                min-height: 80px;
            }

            body.feature-workitemmanager.pref_profile_settings .ps-form-help {
                display: block;
                font-size: 12px;
                color: var(--wi-text-muted);
                margin-top: 4px;
            }

            body.feature-workitemmanager.pref_profile_settings .ps-form-row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
            }

            /* Theme Preview */
            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-preview {
                display: flex;
                gap: 12px;
                margin-top: 12px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-option {
                flex: 1;
                padding: 16px;
                border: 2px solid var(--wi-border);
                border-radius: 8px;
                cursor: pointer;
                transition: all 0.2s;
                text-align: center;
                background: var(--wi-bg);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-option:hover {
                border-color: var(--wi-accent);
                transform: translateY(-2px);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-option.active {
                border: 4px solid #3b82f6 !important;
                background: rgba(59, 130, 246, 0.1) !important;
                outline: 2px solid #3b82f6 !important;
                outline-offset: 2px !important;
                box-shadow:
                    0 0 0 6px rgba(59, 130, 246, 0.2),
                    0 8px 16px rgba(59, 130, 246, 0.3),
                    inset 0 0 0 1px rgba(59, 130, 246, 0.3) !important;
                transform: scale(1.08) !important;
                position: relative;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-option.active::after {
                content: "✓";
                position: absolute;
                top: 4px;
                right: 4px;
                width: 28px;
                height: 28px;
                background: #3b82f6 !important;
                color: white;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                font-weight: bold;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                z-index: 10;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-option.active
                .ps-theme-option-name {
                color: #3b82f6 !important;
                font-weight: 700 !important;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-option-name {
                font-size: 13px;
                font-weight: 600;
                color: var(--wi-text-primary);
                margin-top: 8px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-theme-colors {
                display: flex;
                gap: 4px;
                justify-content: center;
                margin-bottom: 8px;
            }

            body.feature-workitemmanager.pref_profile_settings .ps-theme-color {
                width: 24px;
                height: 24px;
                border-radius: 4px;
                border: 1px solid rgba(0, 0, 0, 0.1);
            }

            /* Buttons */
            body.feature-workitemmanager.pref_profile_settings .ps-btn-primary {
                background: #3b82f6;
                color: white;
                border: none;
                padding: 10px 20px;
                border-radius: 6px;
                cursor: pointer;
                font-size: 14px;
                font-weight: 500;
                transition: all 0.2s ease;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-btn-primary:hover {
                background: #2563eb;
                transform: translateY(-1px);
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-btn-primary
                i {
                margin-right: 8px;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-btn-primary:disabled {
                opacity: 0.5;
                cursor: not-allowed;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-btn-secondary {
                background: transparent;
                color: var(--wi-text-primary);
                border: 1px solid var(--wi-border);
                padding: 10px 20px;
                border-radius: 6px;
                cursor: pointer;
                font-size: 14px;
                font-weight: 500;
                transition: all 0.2s;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-btn-secondary:hover {
                background: var(--wi-hover);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-form-actions {
                display: flex;
                gap: 12px;
                margin-top: 24px;
                padding-top: 16px;
                border-top: 1px solid var(--wi-border);
                justify-content: flex-end;
            }

            /* Message */
            body.feature-workitemmanager.pref_profile_settings .ps-message {
                padding: 12px 16px;
                border-radius: 6px;
                font-size: 14px;
                margin-top: 16px;
                display: none;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-message.success {
                background: color-mix(in srgb, #10b981 10%, transparent);
                border: 1px solid #10b981;
                color: #10b981;
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-message.error {
                background: color-mix(
                    in srgb,
                    var(--wi-danger) 10%,
                    transparent
                );
                border: 1px solid var(--wi-danger);
                color: var(--wi-danger);
            }

            body.feature-workitemmanager.pref_profile_settings
                .ps-message.show {
                display: block;
            }

            /* Responsive */
            @media (max-width: 768px) {
                body.feature-workitemmanager.pref_profile_settings
                    .ps-form-row {
                    grid-template-columns: 1fr;
                }

                body.feature-workitemmanager.pref_profile_settings
                    .ps-theme-preview {
                    flex-direction: column;
                }

                body.feature-workitemmanager.pref_profile_settings
                    .ps-container {
                    padding: 24px 16px;
                }
            }