/* SpaMaster 360 v33.0 — Notification Center */
.nc33-shell{padding:22px;display:flex;flex-direction:column;gap:18px}
.nc33-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72));border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 44px rgba(15,23,42,.07);backdrop-filter:blur(22px)}
.nc33-title{font-size:26px;font-weight:900;color:#0f172a;margin:0}.nc33-sub{color:#64748b;font-weight:650;margin-top:4px}
.nc33-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.nc33-card{border-radius:22px;padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.76));border:1px solid rgba(148,163,184,.22);box-shadow:0 14px 34px rgba(15,23,42,.055)}
.nc33-label{font-size:12px;font-weight:850;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.nc33-value{font-size:26px;font-weight:900;color:#0f172a;margin-top:6px}
.nc33-panel{border-radius:26px;padding:18px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 44px rgba(15,23,42,.06);backdrop-filter:blur(22px)}
.nc33-actions{display:flex;gap:10px;flex-wrap:wrap}.nc33-btn{border:0;border-radius:16px;padding:12px 16px;font-weight:850;cursor:pointer;background:#0f172a;color:white;box-shadow:0 12px 28px rgba(15,23,42,.18);transition:transform .16s ease}.nc33-btn:hover{transform:translateY(-1px) scale(1.02)}.nc33-btn.ghost{background:rgba(109,74,255,.10);color:#6d4aff;box-shadow:none}
.nc33-table{width:100%;border-collapse:separate;border-spacing:0 8px}.nc33-table th{text-align:left;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.nc33-table td{background:white;padding:12px;border-top:1px solid rgba(148,163,184,.18);border-bottom:1px solid rgba(148,163,184,.18);font-weight:650}.nc33-table td:first-child{border-left:1px solid rgba(148,163,184,.18);border-radius:14px 0 0 14px}.nc33-table td:last-child{border-right:1px solid rgba(148,163,184,.18);border-radius:0 14px 14px 0}
.nc33-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;background:#eef2ff;color:#6d4aff}.nc33-pill.pending{background:#fff7ed;color:#c2410c}.nc33-pill.sent,.nc33-pill.dry_run{background:#ecfdf5;color:#047857}.nc33-pill.failed{background:#fef2f2;color:#dc2626}
@media(max-width:1100px){.nc33-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.nc33-grid{grid-template-columns:1fr}.nc33-header{align-items:flex-start;flex-direction:column}}

.nc33-tabs{display:flex;gap:10px;flex-wrap:wrap}.nc33-tab{border:0;border-radius:16px;padding:11px 15px;font-weight:850;background:rgba(109,74,255,.10);color:#6d4aff;cursor:pointer}.nc33-tab.active{background:#111827;color:white}
.nc33-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nc33-field{display:flex;flex-direction:column;gap:6px}.nc33-field label{font-size:12px;font-weight:850;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.nc33-input,.nc33-textarea,.nc33-select{border:1px solid rgba(148,163,184,.28);border-radius:16px;padding:12px 14px;font-weight:650;background:rgba(255,255,255,.86);outline:none}.nc33-textarea{min-height:120px;font-family:inherit}.nc33-full{grid-column:1/-1}.nc33-muted{color:#64748b;font-weight:650;font-size:13px}.nc33-template-list{display:grid;gap:10px}.nc33-template-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border-radius:18px;background:white;border:1px solid rgba(148,163,184,.2)}
@media(max-width:800px){.nc33-form-grid{grid-template-columns:1fr}}