.notification {
    background: var(--panel);
    border: 1px solid var(--border);
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 500;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    margin-bottom: 10px;
    pointer-events: all;
    max-width: 90vw;
    text-align: center;
}

.notification-success {
    background: rgba(34, 197, 94, 0.1);
    color: var(--green);
    border-color: var(--green);
}

.notification-error {
    background: rgba(255, 68, 68, 0.1);
    color: var(--red);
    border-color: var(--red);
}

.notification-warning {
    background: rgba(255, 193, 7, 0.1);
    color: var(--yellow);
    border-color: var(--yellow);
}

.notification-info {
    background: rgba(193, 127, 255, 0.1);
    color: var(--accent);
    border-color: var(--accent);
}

#notification-container {
    --green: #22c55e;
    --red: #ff4444;
    --yellow: #ffc107;
    --accent: #c17fff;
    --panel: #1a1a1a;
    --border: #333;
}