.importer-sidebar {
            background: #2c3e50;
            min-height: 100vh;
            padding: 0;
        }
        .importer-sidebar .nav-link {
            color: #fff;
            padding: 15px 20px;
            border-bottom: 1px solid #34495e;
        }
        .importer-sidebar .nav-link:hover, .importer-sidebar .nav-link.active {
            background: #e67e22;
            color: #fff;
        }
        .importer-sidebar .nav-link i {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }
        .importer-content {
            padding: 20px;
            background: #ecf0f1;
            min-height: 100vh;
        }
        .dashboard-card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .auction-card {
            border: 2px solid #e67e22;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 20px;
            background: #fffaf0;
            transition: all 0.3s ease;
        }
        .auction-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(230, 126, 34, 0.2);
        }
        .auction-badge {
            background: #e74c3c;
            color: white;
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 12px;
            font-weight: bold;
        }
        .countdown-timer {
            font-family: monospace;
            font-size: 16px;
            color: #e74c3c;
            font-weight: bold;
            background: #fffaf0;
            padding: 5px 10px;
            border-radius: 5px;
            border: 1px solid #e74c3c;
        }
        .bid-status {
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 12px;
            font-weight: bold;
        }
        .status-leading { background: #27ae60; color: white; }
        .status-outbid { background: #e74c3c; color: white; }
        .status-watching { background: #3498db; color: white; }
        .status-won { background: #2ecc71; color: white; }
        .status-lost { background: #7f8c8d; color: white; }
        .current-bid {
            font-size: 1.5rem;
            font-weight: bold;
            color: #27ae60;
        }
        .bid-btn {
            background: linear-gradient(45deg, #e67e22, #e74c3c);
            border: none;
            color: white;
            font-weight: bold;
        }
        .bid-btn:hover {
            background: linear-gradient(45deg, #d35400, #c0392b);
            color: white;
        }
        .quantity-badge {
            background: #3498db;
            color: white;
            padding: 3px 8px;
            border-radius: 10px;
            font-size: 0.8rem;
        }
        .bid-history-item {
            border-left: 3px solid #e67e22;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .my-bid {
            background: #e8f5e8;
            border-left-color: #27ae60;
        }
        .section-content {
            display: none;
        }
        .section-content.active {
            display: block;
        }
        .notification-badge {
            position: absolute;
            top: -5px;
            right: -5px;
            background: #e74c3c;
            color: white;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .filter-section {
            background: white;
            padding: 15px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        /* Order Tracking Styles */
        .order-timeline .step {
            flex: 1;
            position: relative;
        }
        .step.completed .fa {
            color: #27ae60;
        }
        .step.current .fa {
            color: #e67e22;
            animation: pulse 2s infinite;
        }
        .step.pending .fa {
            color: #bdc3c7;
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        .shipment-details {
            background: #f8f9fa !important;
            border-left: 4px solid #3498db;
        }
        /* Verification Styles */
        .verification-steps {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .verification-step {
            display: flex;
            align-items: center;
            padding: 10px;
            border-radius: 5px;
            background: #f8f9fa;
        }
        .verification-step.completed {
            border-left: 4px solid #27ae60;
        }
        .verification-step.pending {
            border-left: 4px solid #f39c12;
        }
        .verification-step i {
            margin-right: 10px;
        }
        .document-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .document-item {
            display: flex;
            align-items: center;
            padding: 8px;
            border-radius: 5px;
            background: #f8f9fa;
        }
        .document-item.completed {
            border-left: 3px solid #27ae60;
        }
        .document-item.pending {
            border-left: 3px solid #f39c12;
        }
        .verification-step-copy {
            display: flex;
            flex-direction: column;
        }
        .importer-upload-card {
            border-top: 4px solid #27ae60;
        }
        .importer-upload-card .form-control-file {
            background: #f8f9fa;
            border: 1px dashed #d6dbe1;
            border-radius: 8px;
            padding: 10px;
            width: 100%;
        }
        .verification-badge {
            padding: 20px;
        }
        .badge-level {
            font-size: 1.5em;
            font-weight: bold;
            color: #27ae60;
            margin: 10px 0;
        }
        .limit-item {
            display: flex;
            justify-content: between;
            align-items: center;
            padding: 8px 0;
            border-bottom: 1px solid #eee;
        }
        .limit-item:last-child {
            border-bottom: none;
        }
        .quote-badge {
            background: #9b59b6;
            color: white;
            padding: 3px 8px;
            border-radius: 10px;
            font-size: 0.7rem;
        }

        .app-feedback-modal {
            border: 0;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
            background: linear-gradient(180deg, #ffffff 0%, #fdfdff 100%);
        }

        .app-feedback-modal::before {
            content: '';
            display: block;
            height: 4px;
            background: linear-gradient(90deg, #3498db, #7a5cff);
        }

        .app-feedback-modal.tone-danger::before {
            background: linear-gradient(90deg, #ff4d6d, #d63384);
        }

        .app-feedback-modal.tone-success::before {
            background: linear-gradient(90deg, #1fbf75, #20a4f3);
        }

        .app-feedback-modal.tone-warning::before {
            background: linear-gradient(90deg, #f59e0b, #fb7185);
        }

        .app-feedback-layout {
            display: flex;
            align-items: flex-start;
            gap: 16px;
        }

        .app-feedback-copy h5 {
            font-weight: 800;
            letter-spacing: 0.2px;
            margin-bottom: 6px;
            text-transform: uppercase;
            font-size: 1.1rem;
        }

        .app-feedback-copy #appModalBody {
            color: #57606a !important;
            line-height: 1.55;
            font-size: 0.95rem;
        }

        .app-feedback-icon {
            width: 54px;
            height: 54px;
            border-radius: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            flex-shrink: 0;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
        }

        .app-feedback-icon.is-success {
            background: rgba(39, 174, 96, 0.14);
            color: #1f8a4d;
        }

        .app-feedback-icon.is-danger {
            background: rgba(255, 77, 109, 0.15);
            color: #d63384;
        }

        .app-feedback-icon.is-warning {
            background: rgba(245, 158, 11, 0.16);
            color: #b76e00;
        }

        .app-feedback-icon.is-info {
            background: rgba(52, 152, 219, 0.14);
            color: #1f6fa5;
        }

        .btn-app-feedback-close {
            background: linear-gradient(90deg, #ff4d6d, #d63384);
            border: 0;
            color: #fff;
            border-radius: 10px;
            padding: 6px 16px;
            font-weight: 700;
            letter-spacing: 0.2px;
        }

        .btn-app-feedback-close:hover {
            color: #fff;
            filter: brightness(0.96);
        }