.neo-theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 50px;
    border: 1.5px solid rgba(217, 70, 239, 0.35);
    background: rgba(217, 70, 239, 0.06);
    color: #a21caf;
    font-size: 13px;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    user-select: none;
    line-height: 1;
}

.neo-theme-toggle:hover {
    background: rgba(217, 70, 239, 0.12);
    border-color: rgba(217, 70, 239, 0.5);
    box-shadow: 0 0 16px rgba(217, 70, 239, 0.15);
}

.neo-theme-toggle:active {
    transform: scale(0.97);
}

.neo-theme-toggle--dark {
    background: rgba(217, 70, 239, 0.15);
    border-color: rgba(217, 70, 239, 0.4);
    color: #e879f9;
}

.neo-theme-toggle--dark:hover {
    background: rgba(217, 70, 239, 0.22);
    border-color: rgba(217, 70, 239, 0.55);
    box-shadow: 0 0 20px rgba(217, 70, 239, 0.25);
}

.neo-theme-icon {
    font-size: 14px;
    line-height: 1;
}

.theme-img-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.neo-theme-label {
    letter-spacing: 0.01em;
}

[data-theme="dark"] {
    --bg-primary: #0f1729;
    --bg-secondary: #151e33;
    --bg-tertiary: #1a243a;
    --bg-elevated: #1c2640;
    --bg-hover: #212d47;
    --border-color: #2a3654;
    --border-subtle: #253050;
    --text-primary: #e8ecf4;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent: #818cf8;
    --accent-hover: #6366f1;
    --accent-glow: rgba(129, 140, 248, 0.15);
    --accent-gradient: linear-gradient(135deg, #818cf8, #6366f1);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 20px rgba(129, 140, 248, 0.1);

    --pub-bg: #0f1729;
    --pub-bg2: #151e33;
    --pub-card: #1c2640;
    --pub-card-border: #2a3654;
    --pub-text: #e8ecf4;
    --pub-text2: #94a3b8;
    --pub-text3: #64748b;
    --pub-blue: #818cf8;
    --pub-blue-hover: #6366f1;
    --pub-blue-soft: rgba(129, 140, 248, 0.15);
    --pub-chip-active: rgba(129, 140, 248, 0.2);
    --pub-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    --pub-shadow-strong: 0 12px 40px rgba(99, 102, 241, 0.15);
    --pub-gradient: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);
}

[data-theme="dark"] body,
[data-theme="dark"] body.home-body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .home-header,
[data-theme="dark"] .catalog-nav {
    background: rgba(15, 23, 41, 0.9);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .home-header-link,
[data-theme="dark"] .catalog-nav-link {
    color: var(--text-secondary);
}

[data-theme="dark"] .home-header-link:hover,
[data-theme="dark"] .catalog-nav-link:hover {
    color: var(--text-primary);
}

[data-theme="dark"] .home-header-btn {
    background: var(--accent-gradient);
    color: #fff;
}

[data-theme="dark"] .home-logo-text,
[data-theme="dark"] .catalog-nav-logo-text {
    color: var(--text-primary);
}

[data-theme="dark"] .home-hero h1,
[data-theme="dark"] .hero-accent {
    color: var(--text-primary);
}
[data-theme="dark"] .hero-accent {
    color: var(--accent);
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-search-input {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-chip,
[data-theme="dark"] .catalog-chip {
    background: var(--bg-elevated);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-chip.active,
[data-theme="dark"] .catalog-chip.active {
    background: var(--pub-chip-active);
    color: var(--accent);
    border-color: var(--accent);
}

[data-theme="dark"] .home-card,
[data-theme="dark"] .catalog-card,
[data-theme="dark"] .explore-card {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .home-card:hover,
[data-theme="dark"] .catalog-card:hover,
[data-theme="dark"] .explore-card:hover {
    border-color: rgba(129, 140, 248, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .home-section-header h2,
[data-theme="dark"] .explore-section-header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .home-section-header a,
[data-theme="dark"] .explore-section-header a {
    color: var(--accent);
}

[data-theme="dark"] .home-card-name,
[data-theme="dark"] .catalog-card-name {
    color: var(--text-primary);
}

[data-theme="dark"] .home-card-cat,
[data-theme="dark"] .catalog-card-cat {
    color: var(--text-secondary);
}

[data-theme="dark"] .sidebar {
    background: #111827;
    border-right-color: var(--border-color);
}

[data-theme="dark"] .nav-section-label {
    color: var(--text-muted);
}

[data-theme="dark"] .nav-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .nav-item:hover,
[data-theme="dark"] .nav-item.active {
    background: var(--bg-hover);
    color: var(--text-primary);
}

[data-theme="dark"] .panel {
    background: var(--bg-primary);
}

[data-theme="dark"] .panel-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .btn-primary {
    background: var(--accent);
}

[data-theme="dark"] .btn-small {
    background: var(--bg-elevated);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .result-area {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .tool-page {
    color: var(--text-primary);
}

[data-theme="dark"] .meta-chip {
    background: var(--bg-elevated);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .meta-chip.cat {
    background: rgba(129, 140, 248, 0.15);
    color: var(--accent);
    border-color: rgba(129, 140, 248, 0.3);
}

[data-theme="dark"] .playground-input,
[data-theme="dark"] .playground-output {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-task-bar {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-task-chip {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-task-chip:hover {
    background: var(--bg-hover);
    border-color: var(--accent);
    color: var(--accent);
}

[data-theme="dark"] .home-search-wrap {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

[data-theme="dark"] .catalog-nav-title {
    color: var(--text-secondary);
}

[data-theme="dark"] .catalog-nav-divider {
    background: var(--border-color);
}

[data-theme="dark"] .explore-featured-card {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .explore-popular-item {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .explore-popular-item:hover {
    border-color: rgba(129, 140, 248, 0.3);
}

[data-theme="dark"] .explore-cat-card {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .admin-shell {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .admin-stat-card,
[data-theme="dark"] .admin-table {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

[data-theme="dark"] .admin-table th {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-table td {
    border-bottom-color: var(--border-subtle);
}

[data-theme="dark"] .admin-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-filters select,
[data-theme="dark"] .admin-filters input {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .admin-pagination button {
    background: var(--bg-elevated);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-stats {
    color: var(--accent);
}

[data-theme="dark"] .home-suggest-dropdown {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-suggest-item {
    color: var(--text-primary);
}

[data-theme="dark"] .home-suggest-item:hover,
[data-theme="dark"] .home-suggest-item.active {
    background: var(--bg-hover);
}

[data-theme="dark"] .layout-kling_like .playground-input,
[data-theme="dark"] .layout-kling_like .playground-output,
[data-theme="dark"] .layout-gemini_like .playground-input,
[data-theme="dark"] .layout-gemini_like .output-area,
[data-theme="dark"] .layout-suno_like .playground-input,
[data-theme="dark"] .layout-suno_like .playground-output,
[data-theme="dark"] .layout-sora_like .playground-input,
[data-theme="dark"] .layout-sora_like .playground-output,
[data-theme="dark"] .layout-sora_like .btn-primary {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .layout-kling_like .section-title,
[data-theme="dark"] .layout-suno_like .section-title,
[data-theme="dark"] .layout-sora_like .section-title {
    border-bottom-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .layout-gemini_like {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .tool-page-body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .playground-tab {
    background: var(--bg-secondary);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .playground-tab.active {
    background: var(--bg-elevated);
    color: var(--text-primary);
}

[data-theme="dark"] .form-group label {
    color: var(--text-secondary);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
    background: var(--bg-primary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .login-card {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

[data-theme="dark"] .login-card h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .mode-badge {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .main-content {
    background: var(--bg-primary);
}

[data-theme="dark"] .neo-agent-cta {
    background: var(--accent-gradient);
}

[data-theme="dark"] .home-search {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .home-search::placeholder {
    color: var(--text-muted);
}

[data-theme="dark"] .home-search:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px rgba(129, 140, 248, 0.15), var(--shadow-md);
}

[data-theme="dark"] .home-hero p {
    color: var(--text-secondary);
}

[data-theme="dark"] .home-hero::before {
    background: radial-gradient(ellipse at center, rgba(129, 140, 248, 0.08) 0%, transparent 70%);
}

[data-theme="dark"] .home-quick-btn {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
    box-shadow: none;
}

[data-theme="dark"] .home-quick-btn:hover {
    border-color: var(--accent);
    color: var(--accent);
    background: rgba(129, 140, 248, 0.08);
    box-shadow: 0 2px 8px rgba(129, 140, 248, 0.1);
}

[data-theme="dark"] .home-section-title {
    color: var(--text-primary);
}

[data-theme="dark"] .home-section-sub {
    color: var(--text-muted);
}

[data-theme="dark"] .home-section-more {
    color: var(--accent);
}

[data-theme="dark"] .tool-card {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .tool-card:hover {
    border-color: rgba(129, 140, 248, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .tool-card-name {
    color: var(--text-primary);
}

[data-theme="dark"] .tool-card-desc {
    color: var(--text-secondary);
}

[data-theme="dark"] .tool-tag {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}

[data-theme="dark"] .tool-tag-cat {
    background: rgba(129, 140, 248, 0.15);
    color: var(--accent);
}

[data-theme="dark"] .tool-provider {
    color: var(--text-muted);
}

[data-theme="dark"] .task-card {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .task-card:hover {
    border-color: rgba(129, 140, 248, 0.3);
    background: rgba(129, 140, 248, 0.04);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .task-card-text h4 {
    color: var(--text-primary);
}

[data-theme="dark"] .task-card-text p {
    color: var(--text-secondary);
}

[data-theme="dark"] .home-footer {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .home-footer-links a {
    color: var(--text-muted);
}

[data-theme="dark"] .home-footer-links a:hover {
    color: var(--accent);
}

[data-theme="dark"] .home-footer-copy {
    color: var(--text-muted);
}

[data-theme="dark"] .home-loading {
    color: var(--text-muted);
}

[data-theme="dark"] .home-spinner {
    border-color: var(--border-color);
    border-top-color: var(--accent);
}

[data-theme="dark"] .home-empty {
    color: var(--text-muted);
}

[data-theme="dark"] .catalog-nav {
    background: rgba(15, 23, 41, 0.92);
}

[data-theme="dark"] .catalog-search-bar input {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .catalog-search-bar input::placeholder {
    color: var(--text-muted);
}

[data-theme="dark"] .catalog-search-bar input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.15);
}

[data-theme="dark"] .catalog-search-bar svg {
    color: var(--text-muted);
}

[data-theme="dark"] .catalog-filter-row select {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

[data-theme="dark"] .catalog-filter-row select:focus {
    border-color: var(--accent);
}

[data-theme="dark"] .featured-card {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .featured-card:hover {
    border-color: rgba(129, 140, 248, 0.25);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .featured-card-title {
    color: var(--text-primary);
}

[data-theme="dark"] .featured-card-subtitle {
    color: var(--text-secondary);
}

[data-theme="dark"] .featured-card-label {
    color: var(--accent);
}

[data-theme="dark"] .featured-card-label .featured-dot {
    background: var(--accent);
}

[data-theme="dark"] .featured-card-meta span {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}

[data-theme="dark"] .featured-card-meta span.featured-cat-tag {
    background: rgba(129, 140, 248, 0.15);
    color: var(--accent);
}

[data-theme="dark"] .featured-card-image .featured-placeholder {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a7a 100%);
}

[data-theme="dark"] .popular-list {
    background: var(--border-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .popular-item {
    background: var(--pub-card);
}

[data-theme="dark"] .popular-item:hover {
    background: var(--bg-hover);
}

[data-theme="dark"] .popular-item-name {
    color: var(--text-primary);
}

[data-theme="dark"] .popular-item-desc {
    color: var(--text-secondary);
}

[data-theme="dark"] .popular-item-meta span {
    color: var(--text-muted);
}

[data-theme="dark"] .popular-item-meta .meta-tag {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .popular-item-meta .meta-cat {
    background: rgba(129, 140, 248, 0.15);
    color: var(--accent);
}

[data-theme="dark"] .popular-item-cta {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .popular-item-cta:hover {
    border-color: var(--accent);
    color: var(--accent);
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .cat-section {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .cat-section-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .cat-section-title {
    color: var(--text-primary);
}

[data-theme="dark"] .cat-section-count {
    color: var(--text-muted);
}

[data-theme="dark"] .cat-section-show-all {
    color: var(--accent);
}

[data-theme="dark"] .cat-section-show-all:hover {
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .cat-item {
    border-bottom-color: var(--border-subtle);
}

[data-theme="dark"] .cat-item:hover {
    background: var(--bg-hover);
}

[data-theme="dark"] .cat-item-name {
    color: var(--text-primary);
}

[data-theme="dark"] .cat-item-desc {
    color: var(--text-muted);
}

[data-theme="dark"] .cat-item-provider {
    color: var(--text-muted);
}

[data-theme="dark"] .explore-section-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .explore-section-title {
    color: var(--text-primary);
}

[data-theme="dark"] .explore-section-count {
    color: var(--text-muted);
}

[data-theme="dark"] .explore-section-more {
    color: var(--accent);
}

[data-theme="dark"] .explore-section-more:hover {
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .grid-view-title {
    color: var(--text-primary);
}

[data-theme="dark"] .grid-view-count {
    color: var(--text-muted);
}

[data-theme="dark"] .grid-view-clear {
    color: var(--accent);
}

[data-theme="dark"] .grid-view-clear:hover {
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .grid-view .catalog-pagination button {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
    color: var(--text-primary);
}

[data-theme="dark"] .grid-view .catalog-pagination button:hover:not(:disabled) {
    border-color: var(--accent);
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .grid-view .page-info {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
    color: var(--text-secondary);
}

[data-theme="dark"] .grid-view .catalog-empty {
    color: var(--text-muted);
}

[data-theme="dark"] .skeleton-featured {
    background: var(--pub-card);
    border-color: var(--pub-card-border);
}

[data-theme="dark"] .skeleton-featured .skel-image {
    background: linear-gradient(90deg, #1a243a 25%, #212d47 50%, #1a243a 75%);
    background-size: 200% 100%;
}

[data-theme="dark"] .skel-line {
    background: linear-gradient(90deg, #1a243a 25%, #212d47 50%, #1a243a 75%);
    background-size: 200% 100%;
}

[data-theme="dark"] .skel-thumb {
    background: linear-gradient(90deg, #1a243a 25%, #212d47 50%, #1a243a 75%);
    background-size: 200% 100%;
}

[data-theme="dark"] .skeleton-list-item {
    background: var(--pub-card);
}

[data-theme="dark"] .skeleton-list {
    background: var(--border-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .sidebar-logo {
    border-bottom-color: var(--border-subtle);
}

[data-theme="dark"] .sidebar-footer {
    border-top-color: var(--border-subtle);
}

[data-theme="dark"] .mp-chip {
    background: var(--bg-elevated);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .mp-chip:hover {
    border-color: var(--accent);
    color: var(--accent);
}

[data-theme="dark"] .mp-chip.active {
    background: rgba(129, 140, 248, 0.2);
    border-color: var(--accent);
    color: var(--accent);
}

[data-theme="dark"] .agent-chip {
    background: var(--bg-elevated);
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .agent-chip:hover {
    border-color: var(--accent);
    color: var(--accent);
    background: rgba(129, 140, 248, 0.1);
}

[data-theme="dark"] .panel-accent-marketplace,
[data-theme="dark"] .panel-accent-dashboard,
[data-theme="dark"] .panel-accent-agent,
[data-theme="dark"] .panel-accent-category {
    background: var(--bg-primary);
}

[data-theme="dark"] #image.panel,
[data-theme="dark"] #video.panel,
[data-theme="dark"] #audio.panel,
[data-theme="dark"] #models.panel {
    background: var(--bg-primary);
}

[data-theme="dark"] #image.panel .panel-header,
[data-theme="dark"] #video.panel .panel-header,
[data-theme="dark"] #audio.panel .panel-header,
[data-theme="dark"] #models.panel .panel-header,
[data-theme="dark"] #wallet.panel .panel-header,
[data-theme="dark"] #history.panel .panel-header {
    background: var(--bg-secondary);
}

[data-theme="dark"] .meta-chip.theme-chip {
    background: rgba(129, 140, 248, 0.15);
    color: var(--accent);
    border-color: rgba(129, 140, 248, 0.3);
}

[data-theme="dark"] .tool-page-nav .nav-sep {
    color: var(--text-muted);
}

[data-theme="dark"] .tool-slug {
    color: var(--text-muted);
}

[data-theme="dark"] .output-tab {
    color: var(--text-secondary);
}

[data-theme="dark"] .output-tab.active {
    color: var(--accent);
    border-bottom-color: var(--accent);
}

[data-theme="dark"] .output-tab:hover {
    color: var(--text-primary);
}

[data-theme="dark"] .output-tabs {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .output-actions {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .output-action-btn {
    background: var(--bg-primary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

[data-theme="dark"] .output-action-btn:hover {
    border-color: var(--accent);
    color: var(--accent);
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .output-empty-state {
    color: var(--text-muted);
}

[data-theme="dark"] .output-area {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .needs-ref-banner {
    background: rgba(251, 146, 60, 0.12);
    border-color: rgba(251, 146, 60, 0.3);
    color: var(--text-primary);
}

[data-theme="dark"] .ref-upload-area {
    border-color: var(--border-color);
}

[data-theme="dark"] .layout-kling_like .playground-input,
[data-theme="dark"] .layout-kling_like .playground-output {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-kling_like .section-title {
    border-bottom-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .layout-gemini_like .playground-input {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-gemini_like .output-area {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-gemini_like .btn-primary {
    background: var(--accent) !important;
}

[data-theme="dark"] .layout-suno_like .playground-input,
[data-theme="dark"] .layout-suno_like .playground-output {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-suno_like .section-title {
    border-bottom-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .layout-sora_like .playground-input,
[data-theme="dark"] .layout-sora_like .playground-output {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-sora_like .section-title {
    border-bottom-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .layout-sora_like .btn-primary {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .layout-sora_like .btn-primary:hover {
    background: var(--bg-hover) !important;
}

[data-theme="dark"] .layout-sora_like .output-area {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .schema-form {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .schema-section h3 {
    color: var(--text-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-kling_like .schema-form {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-kling_like .schema-section h3 {
    color: var(--text-muted) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-kling_like .output-area {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-kling_like .btn-primary {
    background: var(--accent) !important;
}

[data-theme="dark"] .layout-gemini_like .schema-form {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-gemini_like .schema-section h3 {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .layout-gemini_like .schema-section {
    background: rgba(129, 140, 248, 0.03) !important;
}

[data-theme="dark"] .layout-gemini_like .output-area {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .layout-suno_like .schema-form {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-suno_like .schema-section h3 {
    color: var(--accent) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-suno_like .output-area {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-sora_like .schema-form {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .layout-sora_like .schema-section h3 {
    color: var(--text-muted) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .home-search-count {
    /* Solid fallback colour matches the dark-mode gradient start so the
       count is readable even if background-clip:text fails to paint. */
    color: #818cf8;
    background: linear-gradient(135deg, #818cf8, #a78bfa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="dark"] .home-chip:hover {
    border-color: rgba(129, 140, 248, 0.3);
    color: var(--accent);
    background: rgba(129, 140, 248, 0.06);
}

[data-theme="dark"] .home-chip.active {
    background: rgba(129, 140, 248, 0.2);
    color: var(--accent);
    border-color: rgba(129, 140, 248, 0.3);
}

[data-theme="dark"] .catalog-chip:hover {
    border-color: rgba(129, 140, 248, 0.3);
    color: var(--accent);
    background: rgba(129, 140, 248, 0.06);
}

[data-theme="dark"] .catalog-chip.active {
    background: rgba(129, 140, 248, 0.2);
    color: var(--accent);
    border-color: rgba(129, 140, 248, 0.3);
}

[data-theme="dark"] .home-header-link:hover {
    color: var(--text-primary);
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .catalog-nav-link:hover {
    color: var(--text-primary);
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .neo-lang-btn {
    border-color: rgba(148, 163, 184, 0.3);
}

[data-theme="dark"] .neo-lang-btn:hover {
    border-color: var(--accent);
    background: rgba(129, 140, 248, 0.1);
}

[data-theme="dark"] .neo-lang-item:hover {
    background: rgba(129, 140, 248, 0.1);
}

[data-theme="dark"] .neo-lang-item.active {
    background: rgba(129, 140, 248, 0.15);
    color: var(--accent);
}

[data-theme="dark"] .tool-card-cta {
    background: var(--accent-gradient);
}

[data-theme="dark"] .featured-card-cta {
    background: var(--accent-gradient);
}

[data-theme="dark"] .home-header-btn {
    background: var(--accent-gradient);
}

[data-theme="dark"] .help-guide-btn {
    background: rgba(129, 140, 248, 0.15);
    border-color: rgba(129, 140, 248, 0.3);
    color: var(--accent);
}

[data-theme="dark"] .help-guide-btn:hover {
    background: rgba(129, 140, 248, 0.25);
}

[data-theme="dark"] .mp-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .mp-card:hover {
    border-color: var(--accent) !important;
}

[data-theme="dark"] .mp-card-name {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .mp-card-meta {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .agent-panel-header {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .agent-composer {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .agent-welcome h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .agent-welcome p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .category-content {
    background: var(--bg-primary);
}

[data-theme="dark"] #categorySearchInput {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] #categorySuggestions {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .schema-form-inner {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .preview-panel {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .schema-output-area {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .schema-field input,
[data-theme="dark"] .schema-field textarea,
[data-theme="dark"] .schema-field select {
    background: var(--bg-primary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .schema-field label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .schema-actions .btn-secondary {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-section {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .meta-section h3 {
    color: var(--text-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .meta-section p {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-stat {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .meta-stat strong {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-preset-card {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .meta-preset-card:hover {
    border-color: var(--accent) !important;
    background: rgba(129, 140, 248, 0.06) !important;
}

[data-theme="dark"] .meta-preset-card .preset-label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-preset-card .preset-prompt {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .meta-gallery-item {
    border-color: var(--border-color) !important;
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .meta-tag {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .meta-hero-info h4 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-hero-desc {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-hero-info .meta-owner {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .meta-guide-content {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-guide-content code {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-guide-content h2,
[data-theme="dark"] .meta-guide-content h3,
[data-theme="dark"] .meta-guide-content h4 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .meta-related-chip {
    background: rgba(129, 140, 248, 0.08) !important;
    border-color: rgba(129, 140, 248, 0.2) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .meta-related-chip:hover {
    background: rgba(129, 140, 248, 0.15) !important;
    border-color: var(--accent) !important;
}

[data-theme="dark"] .meta-use-case-chip {
    background: rgba(129, 140, 248, 0.1) !important;
    border-color: rgba(129, 140, 248, 0.25) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .meta-academy-link {
    background: rgba(129, 140, 248, 0.12) !important;
    border-color: rgba(129, 140, 248, 0.3) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .meta-academy-link:hover {
    background: rgba(129, 140, 248, 0.22) !important;
}

[data-theme="dark"] .meta-replicate-link {
    background: rgba(129, 140, 248, 0.08) !important;
    border-color: rgba(129, 140, 248, 0.2) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .output-runtime-badge {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .ref-detail-item {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .job-item {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .job-item:hover {
    border-color: rgba(129, 140, 248, 0.3) !important;
}

[data-theme="dark"] .rag-modal {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .rag-modal h2 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .rag-modal .rag-content {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .validation-error {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .replicate-schema-banner.loaded {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

[data-theme="dark"] .replicate-schema-banner.missing {
    background: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
}

[data-theme="dark"] .chat-messages {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .chat-composer {
    background: var(--bg-secondary) !important;
    border-top-color: var(--border-color) !important;
}

[data-theme="dark"] .composer-inner input {
    background: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .stat-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .stat-card.accent {
    border-color: rgba(129, 140, 248, 0.3) !important;
    background: linear-gradient(135deg, rgba(129, 140, 248, 0.08), rgba(129, 140, 248, 0.04)) !important;
}

[data-theme="dark"] .action-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .action-card:hover {
    background: var(--bg-hover) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .action-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .setup-table {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .setup-table th {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .setup-table td {
    border-bottom-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .catalog-section h3 {
    color: var(--accent) !important;
}

[data-theme="dark"] .catalog-tool-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .catalog-tool-card.available {
    border-color: rgba(129, 140, 248, 0.3) !important;
}

[data-theme="dark"] .catalog-tool-card .tool-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .catalog-tool-card .tool-meta {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .provider-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .provider-card-name {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .diagnostics-panel {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .error-card {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.25) !important;
}

[data-theme="dark"] .error-card h4 {
    color: #f87171 !important;
}

[data-theme="dark"] .error-card p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .error-card .error-actions a,
[data-theme="dark"] .error-card .error-actions button {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .config-banner {
    background: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
}

[data-theme="dark"] .toast-message {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .tool-full-link {
    background: rgba(129, 140, 248, 0.12) !important;
    border-color: rgba(129, 140, 248, 0.3) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .tool-full-link:hover {
    background: rgba(129, 140, 248, 0.22) !important;
}

[data-theme="dark"] .schema-chip.on {
    background: rgba(74, 222, 128, 0.2) !important;
    border-color: rgba(74, 222, 128, 0.35) !important;
}

[data-theme="dark"] .schema-chip.off {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .schema-error-banner {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .model-hint-banner.hint-i2v {
    background: rgba(129, 140, 248, 0.12) !important;
    border-color: rgba(129, 140, 248, 0.3) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .video-image-section {
    border-color: rgba(129, 140, 248, 0.3) !important;
    background: rgba(129, 140, 248, 0.06) !important;
}

[data-theme="dark"] .video-image-section label {
    color: var(--accent) !important;
}

[data-theme="dark"] .return-banner {
    background: rgba(129, 140, 248, 0.12) !important;
    border-color: rgba(129, 140, 248, 0.3) !important;
    color: var(--accent) !important;
}

[data-theme="dark"] .admin-header {
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .admin-header .admin-nav a {
    color: var(--accent) !important;
}

[data-theme="dark"] .admin-auth-gate p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .admin-auth-gate a {
    color: var(--accent) !important;
}

[data-theme="dark"] .admin-stat-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .admin-stat-card .stat-label {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .admin-stat-card .stat-value {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .admin-filters select,
[data-theme="dark"] .admin-filters input {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .admin-table {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .admin-table th {
    background: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .admin-table td {
    border-bottom-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .admin-table tr:hover td {
    background: var(--bg-hover) !important;
}

[data-theme="dark"] .provider-chip.p1 {
    background: rgba(129, 140, 248, 0.2) !important;
    color: #93a0f8 !important;
}

[data-theme="dark"] .provider-chip.p2 {
    background: rgba(251, 191, 36, 0.15) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .provider-chip.p3 {
    background: rgba(52, 211, 153, 0.15) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .provider-chip.other {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .family-badge {
    background: rgba(129, 140, 248, 0.2) !important;
    color: #a5b4fc !important;
}

[data-theme="dark"] .admin-pagination button {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .admin-pagination button.active {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    color: #fff !important;
}

[data-theme="dark"] .admin-section h2 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .chat-panel-root .chat-schema-col {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .theme-gemini_like .schema-section {
    background: rgba(129, 140, 248, 0.04) !important;
}

[data-theme="dark"] .theme-gemini_like .btn-primary {
    background: var(--accent) !important;
}

[data-theme="dark"] .theme-minimax_like .btn-primary {
    background: var(--accent) !important;
}

[data-theme="dark"] .theme-runway_like .schema-section h3 {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .theme-runway_like .btn-primary {
    background: var(--accent) !important;
}

[data-theme="dark"] .login-prompt {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .mp-grid .mp-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .profile-dropdown {
    background: var(--bg-elevated);
    border-color: var(--border-color);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .profile-dd-header {
    background: linear-gradient(135deg, rgba(129, 140, 248, 0.1), transparent);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .profile-dd-name {
    color: var(--text-primary);
}

[data-theme="dark"] .profile-dd-email {
    color: var(--text-muted);
}

[data-theme="dark"] .profile-dd-shared-badge {
    color: var(--accent);
}

[data-theme="dark"] .profile-dd-section {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .profile-dd-section-title {
    color: var(--text-muted);
}

[data-theme="dark"] .profile-dd-wallet {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .profile-dd-wallet-label {
    color: var(--text-secondary);
}

[data-theme="dark"] .profile-dd-wallet-value {
    color: var(--text-primary);
}

[data-theme="dark"] .profile-dd-wallet-shared {
    color: var(--text-muted);
}

[data-theme="dark"] .profile-dd-link {
    color: var(--text-secondary);
}

[data-theme="dark"] .profile-dd-link:hover {
    background: var(--bg-hover);
    color: var(--accent);
}

[data-theme="dark"] .profile-dd-admin-section {
    background: rgba(129, 140, 248, 0.06);
}

[data-theme="dark"] .profile-dd-logout {
    border-color: rgba(220, 38, 38, 0.3);
    background: rgba(220, 38, 38, 0.08);
    color: #f87171;
}

[data-theme="dark"] .profile-dd-logout:hover {
    background: rgba(220, 38, 38, 0.15);
    border-color: #f87171;
}

[data-theme="dark"] .profile-modal-overlay {
    background: rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .profile-modal {
    background: var(--bg-elevated);
    border-color: var(--border-color);
}

[data-theme="dark"] .profile-modal-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .profile-modal-header h3 {
    color: var(--text-primary);
}

[data-theme="dark"] #account.panel .panel-header {
    background: var(--bg-secondary);
}

[data-theme="dark"] .account-section {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .account-identity-section {
    background: linear-gradient(135deg, rgba(129, 140, 248, 0.08), rgba(99, 102, 241, 0.04));
    border-color: rgba(129, 140, 248, 0.2);
}

[data-theme="dark"] .account-display-name {
    color: var(--text-primary);
}

[data-theme="dark"] .account-email {
    color: var(--text-secondary);
}

[data-theme="dark"] .account-shared-badge {
    color: var(--accent);
}

[data-theme="dark"] .account-section-title {
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .account-section-title svg {
    color: var(--accent);
}

[data-theme="dark"] .account-wallet-label {
    color: var(--text-secondary);
}

[data-theme="dark"] .account-wallet-value {
    color: var(--text-primary);
}

[data-theme="dark"] .account-wallet-row {
    border-bottom-color: var(--border-subtle);
}

[data-theme="dark"] .account-action-btn {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .account-action-btn:hover {
    background: var(--bg-hover);
    border-color: var(--accent);
    color: var(--accent);
}

[data-theme="dark"] .account-action-btn svg:first-child {
    color: var(--accent);
}

[data-theme="dark"] .account-action-btn svg:last-child {
    color: var(--text-muted);
}

[data-theme="dark"] .account-password-info {
    color: var(--text-primary);
}

[data-theme="dark"] .account-password-dots {
    color: var(--text-muted);
}

[data-theme="dark"] .account-password-shared-hint {
    color: var(--text-muted);
}

[data-theme="dark"] .account-logout-btn {
    border-color: rgba(220, 38, 38, 0.3);
    background: rgba(220, 38, 38, 0.08);
    color: #f87171;
}

[data-theme="dark"] .account-logout-btn:hover {
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(220, 38, 38, 0.5);
}

[data-theme="dark"] .account-admin-section {
    border-color: rgba(129, 140, 248, 0.2);
    background: rgba(129, 140, 248, 0.04);
}

[data-theme="dark"] .account-admin-section .account-section-title svg {
    color: var(--accent);
}

[data-theme="dark"] .wallet-shared-banner {
    background: linear-gradient(135deg, rgba(129, 140, 248, 0.08), rgba(124, 58, 237, 0.06));
    border-color: rgba(129, 140, 248, 0.2);
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-shared-banner svg {
    color: var(--accent);
}

[data-theme="dark"] .wallet-card {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .wallet-card-accent {
    border-color: rgba(129, 140, 248, 0.3);
    background: linear-gradient(135deg, rgba(129, 140, 248, 0.1), rgba(129, 140, 248, 0.04));
}

[data-theme="dark"] .wallet-card-label {
    color: var(--text-muted);
}

[data-theme="dark"] .wallet-card-value {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-card-icon {
    color: var(--text-muted);
}

[data-theme="dark"] .wallet-card-accent .wallet-card-icon {
    color: var(--accent);
}

[data-theme="dark"] .wallet-detail-section {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .wallet-detail-section h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-detail-row {
    border-bottom-color: var(--border-subtle);
}

[data-theme="dark"] .wallet-detail-label {
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-detail-value {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-plan-detail {
    border-bottom-color: var(--border-subtle);
}

[data-theme="dark"] .wallet-plan-detail-label {
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-plan-detail-value {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-plan-note {
    background: var(--bg-tertiary);
    color: var(--text-muted);
    border-left-color: var(--accent);
}

[data-theme="dark"] .wallet-credits-explainer {
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-usage-bar-container {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .wallet-usage-bar {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .wallet-usage-progress-section h3,
[data-theme="dark"] .wallet-plans-full-section h3,
[data-theme="dark"] .wallet-credits-full-section h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-plans-intro {
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-credits-explainer-card {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .wallet-credits-explainer-icon {
    background: rgba(129, 140, 248, 0.1);
}

[data-theme="dark"] .wallet-credits-explainer-card strong {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-credits-explainer-card p {
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-plan-card {
    background: var(--bg-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .wallet-plan-card:hover {
    border-color: var(--accent);
}

[data-theme="dark"] .wallet-plan-current {
    border-color: var(--accent);
    background: rgba(129, 140, 248, 0.08);
}

[data-theme="dark"] .wallet-plan-card-header h4 {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-plan-price-amount {
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-plan-price-period {
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-plan-card-credits {
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-plan-card-overage {
    color: var(--text-muted);
}

[data-theme="dark"] .wallet-transactions-area {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

[data-theme="dark"] .wallet-tx-table th {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .wallet-tx-table td {
    border-bottom-color: var(--border-subtle);
    color: var(--text-primary);
}

[data-theme="dark"] .wallet-empty-state {
    color: var(--text-muted);
}

[data-theme="dark"] .wallet-plans-section h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .section-header h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .panel-subtitle {
    color: var(--text-muted);
}

[data-theme="dark"] .panel-back-btn {
    color: var(--text-secondary);
}

[data-theme="dark"] .panel-back-btn:hover {
    color: var(--accent);
}

[data-theme="dark"] .panel-header h2 {
    color: var(--text-primary);
}