/* UI kit leve para padronizar visual */
:root{
  --bg:#0a0a0b; --panel:#0f0f12; --muted:#a1a1aa; --line:#27272a; --brand:#ff2d96; --brand-dark:#e01f84;
}
.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);padding:.55rem .9rem;border-radius:.75rem;background:transparent;color:#e5e5e5;transition:.2s ease;}
.btn:hover{background:#0f0f12}
.btn-primary{background:var(--brand);color:#000;border-color:transparent;box-shadow:0 12px 32px rgba(255,45,150,.18)}
.btn-primary:hover{background:var(--brand-dark)}
.btn-danger{border-color:#7f1d1d;color:#fecaca}
.btn-danger:hover{background:rgba(127,29,29,.2)}
.card{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:1rem;padding:1rem}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table thead th{background:rgba(255,255,255,.03);text-align:left;font-weight:600;color:#c4c4cc;border-bottom:1px solid var(--line);padding:.75rem 1rem}
.table td{padding:.75rem 1rem;border-bottom:1px solid var(--line)}
.pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(255,45,150,.4);color:#f5c2e6;background:rgba(255,45,150,.08)}
.switch{position:relative;display:inline-block;width:44px;height:24px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#3f3f46;border-radius:999px;transition:.2s}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:2px;background:#fff;border-radius:999px;transition:.2s}
.switch input:checked + .slider{background:var(--brand)}
.switch input:checked + .slider:before{transform:translateX(20px)}

/* New toggle pattern used across views */
.nl-switch{position:absolute;opacity:0;width:0;height:0}
.nl-switch-track{width:44px;height:24px;border-radius:999px;background:#3f3f46;position:relative;transition:background .2s ease;display:inline-block;vertical-align:middle}
.nl-switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:999px;transition:transform .2s ease}
.nl-switch:checked + .nl-switch-track{background:var(--brand)}
.nl-switch:checked + .nl-switch-track .nl-switch-knob{transform:translateX(20px)}