/* --- ALERTS PANEL STYLES (NEU) --- */
        #alertsPanel.active {
            transform: translateX(0) !important;
        }
        
        @media (max-width: 1024px) {
            #alertsPanel {
                width: 100% !important;
            }
        }
        
        /* === ALERTS PANEL - PREMIUM DESIGN === */
        .alert-item {
            padding:1rem 1.25rem;
            border-radius:14px;
            border:1px solid rgba(255,255,255,0.06);
            background:rgba(255,255,255,0.03);
            display:flex;
            gap:1rem;
            align-items:flex-start;
            animation:slideInLeft 0.3s ease;
            cursor:pointer;
            transition:all 0.3s ease;
            backdrop-filter:blur(8px);
            position:relative;
            overflow:hidden;
        }
        .alert-item::before {
            content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--primary);transition:width 0.3s ease;
        }
        .alert-item:hover {
            background:rgba(255,255,255,0.06);
            border-color:rgba(255,255,255,0.12);
            transform:translateX(4px);
        }
        .alert-item:hover::before { width:4px; }
        .alert-item.warning::before { background:#f59e0b; }
        .alert-item.success::before { background:#10b981; }
        .alert-item.danger::before { background:#ef4444; }

        .alert-item-icon {
            font-size:1.3rem;flex-shrink:0;margin-top:1px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,0.05);
        }
        .alert-item-content { flex:1;min-width:0; }
        .alert-item-title {
            font-weight:600;font-size:0.88rem;margin:0 0 4px 0;color:#fff;line-height:1.4;
        }
        .alert-item-time {
            font-size:0.7rem;color:rgba(255,255,255,0.35);font-weight:500;
        }
        .alert-item-dismiss {
            background:none;border:none;color:rgba(255,255,255,0.25);cursor:pointer;font-size:1rem;padding:4px;transition:all 0.2s ease;border-radius:6px;line-height:1;
        }
        .alert-item-dismiss:hover {
            color:#fff;background:rgba(239,68,68,0.2);
        }
        .alert-filter-btn {
            padding:6px 14px;border-radius:8px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.5);letter-spacing:0.3px;
        }
        .alert-filter-btn:hover {
            background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.8);
        }
        .alert-filter-btn.active {
            background:rgba(99,102,241,0.15) !important;color:#818cf8 !important;border-color:rgba(99,102,241,0.3) !important;
        }
        .alert-setting-row {
            display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:10px;transition:all 0.2s ease;
        }
        .alert-setting-row:hover {
            background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1);
        }
        .alert-setting-row label {
            display:flex;align-items:center;gap:10px;cursor:pointer;margin:0;
        }
        .alert-setting-row input[type='checkbox'] {
            width:16px;height:16px;cursor:pointer;accent-color:#818cf8;
        }
        .alert-setting-row span {
            font-size:0.85rem;color:rgba(255,255,255,0.7);
        }