/* LIGHT THEME CSS — overrides dark defaults */
            :root {
                --bg: #f0f4f8;
                --surface: #ffffff;
                --surface-raised: #f8fafc;
                --text-1: #0f172a;
                --text-2: #1e293b;
                --text-3: #475569;
                --text-dark: #0f172a;
                --text-light: #475569;
                --primary: #1a56db;
                --primary-dark: #1340aa;
                --secondary: #e2e8f0;
                --accent: #1a56db;
                --accent-hover: #1340aa;
                --accent-light: rgba(26, 86, 219, 0.10);
                --accent-subtle: rgba(26, 86, 219, 0.08);
                --success: #16a34a;
                --success-bg: rgba(22, 163, 74, 0.10);
                --warn: #d97706;
                --warn-bg: rgba(217, 119, 6, 0.10);
                --warn-text: #92400e;
                --danger: #dc2626;
                --danger-bg: rgba(220, 38, 38, 0.10);
                --info: #2563eb;
                --info-bg: rgba(37, 99, 235, 0.10);
                --border: #cbd5e1;
                --border-strong: #94a3b8;
                --shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);
                --shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);
                --shadow-md: 0 6px 18px rgba(0, 0, 0, .10);
                --shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);
                --radius: 16px;
                --radius-sm: 12px;
                --radius-xs: 8px;
                --safe-bottom: env(safe-area-inset-bottom, 0px);
                --font-sans: 'Inter', system-ui, sans-serif;
                /* Hub alias vars (light) */
                --hub-bg: #f0f4f8;
                --hub-surface: #ffffff;
                --hub-card: #f8fafc;
                --hub-card-2: #f1f5f9;
                --hub-dark: #1e293b;
                --hub-primary: #1a56db;
                --hub-primary-2: #2563eb;
                --hub-border: #cbd5e1;
                --hub-text: #0f172a;
                --hub-text-muted: #475569;
                --hub-sub: #64748b;
            }

            /* Bidding System Wrapper — Light Background */
            .bidding-system-wrapper {
                background: #f0f4f8;
                font-family: var(--font-sans);
                color: var(--text-2);
                min-height: 100vh;
                max-width: 100vw !important;
                overflow-x: hidden !important;
            }

            .bidding-system-wrapper a {
                color: inherit;
                text-decoration: none;
            }

            /* Layout Structure */
            .app-shell {
                display: flex;
                min-height: 100vh;
                position: relative;
            }

            /* Sidebar (Desktop) */
            .sidebar {
                width: 260px;
                background: var(--surface);
                border-right: 1px solid var(--border);
                display: flex;
                flex-direction: column;
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                z-index: 80;
                transition: transform .3s ease;
            }

            .sidebar-brand {
                padding: 20px 22px;
                display: flex;
                align-items: center;
                gap: 10px;
                border-bottom: 1px solid var(--border);
            }

            .sidebar-logo {
                width: 34px;
                height: 34px;
                background: linear-gradient(135deg, var(--accent), var(--accent-hover));
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-weight: 900;
                font-size: 16px;
            }

            .sidebar-brand-text {
                font-size: 17px;
                font-weight: 800;
                letter-spacing: -.3px;
                color: var(--text-1);
            }

            .sidebar-brand-sub {
                font-size: 11px;
                color: var(--text-3);
                font-weight: 500;
            }

            .hub-brand-lockup {
                padding: 10px 22px;
            }

            .hub-brand-pill {
                background: rgba(245, 158, 11, 0.15);
                color: #fcd34d;
                font-size: 11px;
                font-weight: 700;
                padding: 4px 10px;
                border-radius: 20px;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            .sidebar-menu {
                flex: 1;
                overflow-y: auto;
                padding: 12px 10px;
                list-style: none;
                margin: 0;
            }

            .sidebar-section-label,
            .hub-nav-label {
                font-size: 10px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .8px;
                color: var(--text-3);
                padding: 12px 12px 6px;
                display: block;
            }

            .nav-link {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 10px 12px;
                border-radius: var(--radius-sm);
                font-size: 13.5px;
                font-weight: 500;
                color: var(--text-2);
                cursor: pointer;
                transition: all .15s ease;
                border: none;
                background: none;
                width: 100%;
                text-align: left;
                margin-bottom: 4px;
            }

            .nav-link:hover {
                background: var(--surface-raised);
                color: var(--text-1);
            }

            .nav-link.active {
                background: var(--accent-subtle);
                color: var(--accent);
                font-weight: 600;
            }

            .nav-link i,
            .nav-link svg {
                width: 18px;
                text-align: center;
                font-size: 16px;
            }

            .notification-count {
                margin-left: auto;
                background: var(--danger);
                color: #fff;
                font-size: 10px;
                font-weight: 700;
                padding: 3px 8px;
                border-radius: 12px;
            }

            .sidebar-user-profile {
                padding: 16px;
                border-top: 1px solid var(--border);
                display: flex;
                align-items: center;
                gap: 12px;
                margin-top: auto;
            }

            .user-avatar {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                box-shadow: var(--shadow-sm);
                border: 2px solid var(--accent-subtle);
            }

            .user-details {
                flex: 1;
                min-width: 0;
            }

            .user-name {
                font-size: 14px;
                font-weight: 600;
                color: var(--text-1);
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .user-email {
                font-size: 11px;
                color: var(--text-3);
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-top: 2px;
            }

            .sidebar-footer {
                padding: 12px 16px;
                border-top: 1px solid var(--border);
            }

            .btn-logout {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                width: 100%;
                padding: 10px;
                border-radius: var(--radius-sm);
                background: var(--surface-raised);
                color: var(--text-2);
                font-size: 13px;
                font-weight: 600;
                transition: all .2s ease;
                border: 1px solid var(--border);
            }

            .btn-logout:hover {
                background: var(--danger-bg);
                color: var(--danger);
                border-color: rgba(239, 68, 68, 0.3);
            }

            /* Main Content Area */
            .main-area {
                flex: 1;
                margin-left: 260px;
                max-width: calc(100% - 260px) !important;
                display: flex;
                flex-direction: column;
                min-height: 100vh;
                min-width: 0;
                transition: margin-left .3s ease;
            }

            /* Top Header Bar */
            .topbar {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 16px 32px;
                box-sizing: border-box;
                background: rgba(255, 255, 255, 0.97);
                backdrop-filter: blur(12px);
                border-bottom: 1px solid var(--border);
                position: sticky;
                top: 0;
                z-index: 60;
            }

            .topbar-left {
                display: flex;
                align-items: center;
                gap: 16px;
            }

            .hamburger {
                display: none;
                width: 40px;
                height: 40px;
                border-radius: 10px;
                border: 1px solid var(--border);
                background: var(--surface);
                align-items: center;
                justify-content: center;
                cursor: pointer;
                color: var(--text-2);
                transition: all .15s;
            }

            .hamburger:hover {
                background: var(--surface-raised);
                color: var(--text-1);
            }

            .topbar-title {
                font-size: 19px;
                font-weight: 700;
                letter-spacing: -.2px;
                color: var(--text-1);
            }

            .topbar-breadcrumb {
                font-size: 12px;
                color: var(--text-3);
                font-weight: 500;
                margin-top: 2px;
            }

            .topbar-right {
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .topbar-btn {
                width: 40px;
                height: 40px;
                border-radius: 12px;
                border: 1px solid var(--border);
                background: var(--surface);
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                position: relative;
                transition: all .15s;
                color: var(--text-2);
            }

            .topbar-btn:hover {
                background: var(--surface-raised);
                border-color: var(--border-strong);
                color: var(--text-1);
            }

            .topbar-badge {
                position: absolute;
                top: 8px;
                right: 8px;
                width: 8px;
                height: 8px;
                background: var(--danger);
                border-radius: 50%;
                border: 2px solid var(--surface);
            }

            /* Content Area */
            .content {
                flex: 1;
                padding: 28px 36px;
                overflow-y: auto;
                overflow-x: hidden;
                min-width: 0;
            }

            .content-page {
                display: none;
                animation: fadeIn .3s ease;
                width: 100% !important;
                max-width: 1400px;
                margin: 0 auto;
                background: transparent !important;
            }

            .content-page.active {
                display: block;
            }

            @keyframes fadeIn {
                from {
                    opacity: 0;
                    transform: translateY(10px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            /* Welcome Banner */
            .page-header {
                background: linear-gradient(135deg, var(--surface), var(--surface-raised));
                border: 1px solid var(--border);
                border-radius: var(--radius);
                padding: 28px 32px;
                margin-bottom: 28px;
                box-shadow: var(--shadow-sm);
                position: relative;
                overflow: hidden;
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 20px;
            }

            .page-header::after {
                content: '';
                position: absolute;
                right: -40px;
                top: -40px;
                width: 140px;
                height: 140px;
                background: var(--accent-subtle);
                border-radius: 50%;
                pointer-events: none;
            }

            .header-text h1,
            .hub-topbar-title h1 {
                font-size: 24px;
                font-weight: 800;
                margin: 0 0 6px;
                color: var(--text-1);
            }

            .header-text p,
            .hub-topbar-title p {
                font-size: 14px;
                color: var(--text-3);
                margin: 0;
                line-height: 1.5;
                max-width: 500px;
            }

            .hub-topbar-actions {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }

            .hub-mini-stat {
                background: var(--surface-raised);
                padding: 12px 20px;
                border-radius: var(--radius-sm);
                border: 1px solid var(--border);
                text-align: center;
                min-width: 120px;
            }

            .hub-mini-stat strong {
                display: block;
                font-size: 20px;
                color: var(--text-1);
                font-weight: 800;
            }

            .hub-mini-stat span {
                font-size: 11px;
                color: var(--text-3);
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            /* Stats Grid */
            .stats-grid,
            .stats-row {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                gap: 16px;
                margin-bottom: 32px;
            }

            .stat-card {
                background: var(--surface);
                border-radius: var(--radius);
                padding: 22px;
                border: 1px solid var(--border);
                box-shadow: var(--shadow-sm);
                transition: transform .2s ease;
                position: relative;
                overflow: hidden;
            }

            .stat-card:hover {
                transform: translateY(-2px);
                box-shadow: var(--shadow-md);
                border-color: var(--border-strong);
            }

            .stat-card h3 {
                font-size: 13px;
                font-weight: 600;
                color: var(--text-3);
                margin: 0 0 8px;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            .stat-card p {
                font-size: 32px;
                font-weight: 800;
                color: var(--text-1);
                margin: 0;
            }

            /* Section Containers */
            .form-section,
            .chart-container,
            .order-management-panel,
            .ticket-list,
            .quote-form-wrapper .form-section {
                background: var(--surface);
                border-radius: var(--radius);
                padding: 28px;
                margin-bottom: 24px;
                border: 1px solid var(--border);
                box-shadow: var(--shadow-sm);
            }

            .form-section h3,
            .chart-container h3,
            .sec-title {
                font-size: 18px;
                font-weight: 700;
                color: var(--text-1);
                margin-bottom: 20px;
                padding-bottom: 12px;
                border-bottom: 1px solid var(--border);
            }

            /* Cards & Grids */
            .requests-grid,
            .cards-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
                gap: 20px;
            }

            .request-card,
            .card,
            .bid-item-card {
                background: var(--surface);
                border-radius: var(--radius);
                padding: 24px;
                border: 1px solid var(--border);
                box-shadow: var(--shadow-sm);
                transition: all .2s ease;
            }

            .request-card:hover,
            .card.clickable:hover {
                box-shadow: var(--shadow-md);
                border-color: var(--border-strong);
                transform: translateY(-2px);
            }

            .request-card h3 {
                font-size: 17px;
                font-weight: 700;
                color: var(--text-1);
                margin-bottom: 12px;
            }

            .request-card-header {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 12px;
                margin-bottom: 16px;
            }

            .request-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                font-size: 13px;
                color: var(--text-3);
            }

            /* Badges */
            .request-id,
            .badge-status,
            .status-badge {
                display: inline-flex;
                align-items: center;
                padding: 4px 10px;
                border-radius: 20px;
                font-size: 11px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                background: var(--surface-raised);
                color: var(--text-2);
                border: 1px solid var(--border);
            }

            .status-in_progress,
            .status-payment_sent,
            .bs-progress {
                background: var(--warn-bg);
                color: var(--warn-text);
                border-color: rgba(245, 158, 11, 0.3);
            }

            .status-accepted,
            .status-work_in_progress,
            .status-delivered,
            .status-completed,
            .bs-completed {
                background: var(--success-bg);
                color: var(--success);
                border-color: rgba(34, 197, 94, 0.3);
            }

            .status-revision_requested,
            .bs-pending {
                background: var(--warn-bg);
                color: var(--warn-text);
                border-color: rgba(245, 158, 11, 0.3);
            }

            .status-cancelled,
            .status-expired,
            .status-no_show {
                background: var(--danger-bg);
                color: var(--danger);
                border-color: rgba(239, 68, 68, 0.3);
            }

            .status-badge.status-submitted {
                background: var(--info-bg);
                color: var(--info);
                border-color: rgba(59, 130, 246, 0.3);
            }

            /* Forms */
            .form-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 20px;
            }

            .form-grid .full-width {
                grid-column: 1 / -1;
            }

            .form-group {
                margin-bottom: 20px;
            }

            .form-group label {
                display: block;
                font-size: 13px;
                font-weight: 600;
                color: var(--text-2);
                margin-bottom: 8px;
            }

            .form-group input,
            .form-group select,
            .form-group textarea,
            .form-input {
                width: 100%;
                padding: 12px 16px;
                border-radius: var(--radius-sm);
                border: 1.5px solid var(--border-strong);
                background: var(--surface-raised);
                color: var(--text-1);
                font-size: 14px;
                transition: all .2s ease;
                font-family: inherit;
            }

            .form-group input:focus,
            .form-group select:focus,
            .form-group textarea:focus,
            .form-input:focus {
                border-color: var(--accent);
                outline: none;
                box-shadow: 0 0 0 4px var(--accent-subtle);
                background: var(--surface);
            }

            .form-group textarea {
                min-height: 100px;
                resize: vertical;
            }

            /* Buttons */
            .btn-primary,
            .btn-secondary,
            .btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 12px 24px;
                border-radius: var(--radius-sm);
                font-size: 14px;
                font-weight: 600;
                cursor: pointer;
                transition: all .2s ease;
                border: none;
                text-decoration: none;
                font-family: inherit;
            }

            .btn-primary {
                background: var(--accent);
                color: #fff;
                box-shadow: 0 4px 12px rgba(26, 86, 219, 0.25);
            }

            .btn-primary:hover {
                background: var(--accent-hover);
                transform: translateY(-1px);
                box-shadow: 0 6px 16px rgba(26, 86, 219, 0.35);
            }

            .btn-secondary {
                background: var(--surface-raised);
                color: var(--text-1);
                border: 1px solid var(--border-strong);
            }

            .btn-secondary:hover {
                background: var(--border);
                border-color: var(--text-3);
            }

            .form-actions {
                display: flex;
                gap: 12px;
                margin-top: 24px;
                padding-top: 20px;
                border-top: 1px solid var(--border);
            }

            /* Tables & Lists */
            .asset-item,
            .ticket-list-item {
                background: var(--surface-raised);
                border: 1px solid var(--border);
                border-radius: var(--radius-sm);
                padding: 16px;
                margin-bottom: 12px;
                transition: all .2s;
            }

            .asset-item:hover,
            .ticket-list-item:hover {
                border-color: var(--border-strong);
                box-shadow: var(--shadow-sm);
            }

            .assets-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
                gap: 20px;
            }

            /* Bids & Invoices */
            .bid-item-card {
                background: var(--surface-raised);
                border-radius: var(--radius);
                padding: 24px;
                border: 1px solid var(--border);
                margin-bottom: 16px;
            }

            .bid-vendor-profile {
                display: flex;
                align-items: center;
                gap: 16px;
                padding-bottom: 16px;
                border-bottom: 1px solid var(--border);
                margin-bottom: 16px;
            }

            .bid-vendor-profile img {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                box-shadow: var(--shadow-sm);
            }

            .bid-vendor-info strong {
                font-size: 16px;
                color: var(--text-1);
                display: block;
            }

            .price-breakdown {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .price-breakdown li {
                display: flex;
                justify-content: space-between;
                padding: 8px 0;
                color: var(--text-2);
                font-size: 14px;
                border-bottom: 1px dashed var(--border);
            }

            .price-total {
                display: flex;
                justify-content: space-between;
                padding-top: 16px;
                margin-top: 8px;
                border-top: 1px solid var(--border);
                font-size: 18px;
                font-weight: 800;
                color: var(--accent);
            }

            .bs-fuel1-quote-card, .bs-fuel1-quote-card * {
                color: #0f172a !important;
            }
            .bs-fuel1-quote-card small {
                color: #475569 !important;
            }
            .bs-badge-lost, .status-lost {
                background: #fee2e2 !important;
                color: #991b1b !important;
                border: 1px solid #fecaca !important;
            }

            /* Details Resizer */
            .request-card-details {
                max-height: 0;
                overflow: hidden;
                opacity: 0;
                transition: all 0.4s ease;
                padding-top: 0;
            }

            .request-card.expanded {
                grid-column: 1 / -1;
            }

            .request-card.expanded .request-card-details {
                max-height: 5000px;
                opacity: 1;
                padding-top: 12px;
                margin-top: 12px;
                border-top: 1px solid var(--border);
            }

            .request-card.expanded hr {
                margin: 8px 0;
            }

            .request-full-details-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }

            .detail-item {
                margin-bottom: 4px;
            }

            .detail-item strong {
                display: block;
                font-size: 12px;
                text-transform: uppercase;
                color: var(--text-3);
                margin-bottom: 6px;
                letter-spacing: 0.5px;
            }

            .detail-item p {
                color: var(--text-1);
                font-size: 15px;
                margin: 0;
                font-weight: 500;
            }

            .toggle-expand {
                background: var(--surface-raised);
                border: 1px solid var(--border);
                color: var(--text-2);
                border-radius: 50%;
                width: 36px;
                height: 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition: all .2s;
            }

            .toggle-expand:hover {
                background: var(--border);
                color: var(--text-1);
            }

            .request-card.expanded .toggle-expand {
                transform: rotate(180deg);
            }

            /* Notifications & Overlays */
            .sidebar-overlay {
                display: none;
                position: fixed;
                inset: 0;
                background: rgba(0, 0, 0, 0.6);
                backdrop-filter: blur(4px);
                z-index: 75;
                opacity: 0;
                transition: opacity .3s ease;
            }

            .sidebar-overlay.active {
                opacity: 1;
                display: block;
            }

            /* Mobile Layout Modifications (Matches bidding-platform-ui) */
            .bottom-nav {
                display: none;
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(255, 255, 255, 0.97);
                backdrop-filter: blur(12px);
                border-top: 1px solid var(--border);
                box-shadow: 0 -2px 12px rgba(0,0,0,.07);
                padding: 8px 10px;
                padding-bottom: calc(8px + var(--safe-bottom));
                z-index: 100;
            }

            .bnav-item {
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 4px;
                padding: 8px 0;
                cursor: pointer;
                border: none;
                background: none;
                border-radius: 12px;
                transition: all .2s ease;
                text-decoration: none;
            }

            .bnav-item i {
                font-size: 20px;
                color: #94a3b8 !important;
                transition: all .2s ease;
            }

            .bnav-item span {
                font-size: 10px;
                font-weight: 600;
                color: #94a3b8 !important;
                transition: all .2s ease;
            }

            .bnav-item.active i,
            .bnav-item.active span {
                color: var(--accent);
            }

            .bnav-item:active {
                transform: scale(0.95);
                background: var(--surface-raised);
            }

            /* Mobile Menu Toggle button outside of topbar */
            .menu-toggle-mobile {
                display: none;
            }

            @media(max-width: 992px) {
                .sidebar {
                    transform: translateX(-100%);
                    width: 280px;
                    box-shadow: var(--shadow-lg);
                    border-right: none;
                }

                .sidebar.active {
                    transform: translateX(0);
                }

                .main-area {
                    margin-left: 0;
                    width: 100%;
                    max-width: 100% !important;
                    transition: none;
                    padding-bottom: calc(70px + var(--safe-bottom));
                }

                .topbar {
                    padding: 12px 20px;
                }

                .hamburger {
                    display: flex;
                }

                .content {
                    padding: 20px 16px;
                }

                .bottom-nav {
                    display: flex;
                }

                .page-header {
                    flex-direction: column;
                    padding: 24px 20px;
                }

                .page-header::after {
                    right: -60px;
                    top: -60px;
                    width: 140px;
                    height: 140px;
                }

                .requests-grid,
                .cards-grid {
                    grid-template-columns: 1fr;
                }

                .form-grid {
                    grid-template-columns: 1fr;
                }

                .request-full-details-grid {
                    grid-template-columns: 1fr;
                }

                .bidding-system-wrapper {
                    padding: 0 !important;
                }

                /* Desktop appbar gets replaced on mobile */
                .dashboard-appbar {
                    display: none;
                }
            }

            /* Responsive Fixes specifically requested */
            @media(max-width: 576px) {
                .stat-card {
                    padding: 16px;
                }

                .stat-card p {
                    font-size: 26px;
                }

                .request-card {
                    padding: 20px 16px;
                }

                .request-card-header {
                    flex-direction: column;
                    align-items: flex-start;
                }

                .request-meta {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 8px;
                }

                .form-section {
                    padding: 20px 16px;
                }

                .bid-vendor-profile {
                    flex-direction: column;
                    text-align: center;
                }
            }

            /* Extras for chat & components integration */
            .messages-container {
                background: var(--surface);
                border-radius: var(--radius);
                border: 1px solid var(--border);
            }

            .conversations-sidebar {
                border-right: 1px solid var(--border);
            }

            .messages-header {
                background: var(--surface-raised);
                border-bottom: 1px solid var(--border);
            }

            .message-input-area {
                background: var(--surface-raised);
                border-top: 1px solid var(--border);
            }

            .message.own .message-content {
                background: var(--accent);
                color: #fff;
            }

            .message:not(.own) .message-content {
                background: var(--surface-raised);
                color: var(--text-1);
                border: 1px solid var(--border);
            }

            .bidding-system-wrapper.seller-workspace,
            .bidding-system-wrapper.seller-workspace .page-header,
            .bidding-system-wrapper.seller-workspace .hub-topbar,
            .bidding-system-wrapper.seller-workspace .request-card,
            .bidding-system-wrapper.seller-workspace .bid-item-card,
            .bidding-system-wrapper.seller-workspace .invoice-card,
            .bidding-system-wrapper.seller-workspace .location-item,
            .bidding-system-wrapper.seller-workspace .messages-container,
            .bidding-system-wrapper.seller-workspace .thread-details-panel,
            .bidding-system-wrapper.seller-workspace .form-section,
            .bidding-system-wrapper.seller-workspace .chart-container,
            .bidding-system-wrapper.seller-workspace .ticket-list,
            .bidding-system-wrapper.seller-workspace .ticket-list-item,
            .bidding-system-wrapper.seller-workspace .recent-card,
            .bidding-system-wrapper.seller-workspace .stat-card,
            .bidding-system-wrapper.seller-workspace .analytics-card {
                color: #16324f !important;
            }

            .bidding-system-wrapper.seller-workspace h1,
            .bidding-system-wrapper.seller-workspace h2,
            .bidding-system-wrapper.seller-workspace h3,
            .bidding-system-wrapper.seller-workspace h4,
            .bidding-system-wrapper.seller-workspace h5,
            .bidding-system-wrapper.seller-workspace h6,
            .bidding-system-wrapper.seller-workspace .section-title,
            .bidding-system-wrapper.seller-workspace .page-header .header-text h1,
            .bidding-system-wrapper.seller-workspace .page-header .header-text p,
            .bidding-system-wrapper.seller-workspace .hub-topbar-title h1,
            .bidding-system-wrapper.seller-workspace .hub-topbar-title p,
            .bidding-system-wrapper.seller-workspace .request-card h3,
            .bidding-system-wrapper.seller-workspace .request-card p,
            .bidding-system-wrapper.seller-workspace .request-card strong,
            .bidding-system-wrapper.seller-workspace .request-card span,
            .bidding-system-wrapper.seller-workspace .bid-item-card h3,
            .bidding-system-wrapper.seller-workspace .bid-item-card h4,
            .bidding-system-wrapper.seller-workspace .bid-item-card h5,
            .bidding-system-wrapper.seller-workspace .bid-item-card p,
            .bidding-system-wrapper.seller-workspace .bid-item-card span,
            .bidding-system-wrapper.seller-workspace .detail-item strong,
            .bidding-system-wrapper.seller-workspace .detail-item p,
            .bidding-system-wrapper.seller-workspace .recent-card-title,
            .bidding-system-wrapper.seller-workspace .recent-card-sub,
            .bidding-system-wrapper.seller-workspace .recent-card-info,
            .bidding-system-wrapper.seller-workspace .ticket-list-item strong,
            .bidding-system-wrapper.seller-workspace .ticket-list-item span,
            .bidding-system-wrapper.seller-workspace .stat-card h3,
            .bidding-system-wrapper.seller-workspace .stat-card p,
            .bidding-system-wrapper.seller-workspace .analytics-card h3,
            .bidding-system-wrapper.seller-workspace .analytics-card p,
            .bidding-system-wrapper.seller-workspace .request-meta,
            .bidding-system-wrapper.seller-workspace .request-date,
            .bidding-system-wrapper.seller-workspace .request-id,
            .bidding-system-wrapper.seller-workspace .bids-indicator {
                color: #16324f !important;
            }

            .bidding-system-wrapper.seller-workspace .dashboard-page-skeleton {
                background: #ffffff !important;
                border: 1px solid #cfe0fb !important;
                border-radius: 18px !important;
                box-shadow: 0 12px 28px rgba(13, 64, 120, .08) !important;
            }

            @media (max-width: 900px) {
                .bidding-system-wrapper.seller-workspace .dashboard-appbar {
                    display: flex !important;
                    align-items: center !important;
                    justify-content: space-between !important;
                    gap: 12px !important;
                    padding: 14px 18px !important;
                    margin: 0 0 16px !important;
                    border-radius: 20px !important;
                    box-shadow: 0 12px 28px rgba(11, 78, 162, .18) !important;
                }

                .bidding-system-wrapper.seller-workspace .dashboard-appbar-copy {
                    min-width: 0 !important;
                    display: flex !important;
                    flex-direction: column !important;
                    gap: 4px !important;
                }

                .bidding-system-wrapper.seller-workspace .dashboard-appbar-copy strong {
                    display: block !important;
                    font-size: 20px !important;
                    font-weight: 800 !important;
                    line-height: 1.15 !important;
                    color: #ffffff !important;
                }

                .bidding-system-wrapper.seller-workspace .dashboard-appbar-eyebrow {
                    display: block !important;
                    font-size: 11px !important;
                    font-weight: 800 !important;
                    letter-spacing: .1em !important;
                    text-transform: uppercase !important;
                    color: rgba(255, 255, 255, .78) !important;
                }
            }

            .notifications-panel {
                position: fixed;
                top: 0;
                right: -400px;
                width: 380px;
                max-width: 100vw;
                height: 100vh;
                background: var(--surface, #0f172a);
                border-left: 1px solid var(--border, #223046);
                z-index: 2147483647;
                transition: right 0.3s ease;
                display: flex;
                flex-direction: column;
                box-shadow: -5px 0 25px rgba(0, 0, 0, 0.5);
                visibility: hidden;
            }

            .notifications-panel.active {
                right: 0;
                visibility: visible;
            }

            .notifications-header {
                padding: 20px;
                border-bottom: 1px solid var(--border);
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .notifications-header h3 {
                margin: 0;
                font-size: 18px;
                color: var(--text-1, #fff);
            }

            .close-notifications {
                background: transparent;
                border: none;
                color: var(--text-2);
                font-size: 28px;
                cursor: pointer;
                padding: 0 10px;
                line-height: 1;
            }

            .notifications-list {
                flex: 1;
                overflow-y: auto;
                padding: 16px;
            }

            .message {
                max-width: 85%;
            }
            }