body.vs-site.vs-page-notifications{background:var(--vs-notifications-background,#f2f5ff)}
.vs-notifications-page{--ne-bg:var(--vs-notifications-background,#f2f5ff);--ne-card:var(--vs-notifications-card,#fff);--ne-field:var(--vs-notifications-field,#f8faff);--ne-text:var(--vs-notifications-text,#202a59);--ne-muted:var(--vs-notifications-muted,#647092);--ne-accent:var(--vs-notifications-accent,#4f73f5);--ne-accent-text:var(--vs-notifications-accent-text,#fff);--ne-border:var(--vs-notifications-border,#dce3f7);--ne-panel:var(--vs-notifications-panel,#e9efff);--ne-secondary:var(--vs-notifications-secondary,#43b873);max-width:1240px;margin:24px auto 50px;padding:0 20px;color:var(--ne-text);font-family:inherit;box-sizing:border-box}
.vs-notifications-page *{box-sizing:border-box}.vs-notifications-page h1,.vs-notifications-page h2,.vs-notifications-page p{margin-top:0}.vs-notifications-page a{color:inherit;text-decoration:none}
.vs-notifications-hero,.vs-notifications-card,.vs-notifications-verify{background:var(--ne-card);border:1px solid var(--ne-border);border-radius:24px;box-shadow:0 12px 30px rgba(28,40,76,.06)}
.vs-notifications-hero{display:flex;align-items:center;gap:20px;padding:25px 30px}.vs-notifications-hero-icon,.vs-notifications-card-icon,.vs-notifications-verify-icon{display:grid;place-items:center;flex:none;color:var(--ne-accent);background:var(--ne-panel);border-radius:16px}.vs-notifications-hero-icon{width:60px;height:60px;font-size:25px}.vs-notifications-hero small{display:block;color:var(--ne-accent);font-size:12px;font-weight:700;margin-bottom:3px}.vs-notifications-hero h1{font-size:25px;font-weight:800;margin-bottom:3px}.vs-notifications-hero p,.vs-notifications-card-heading p{color:var(--ne-muted);font-size:14px;margin:0}
.vs-notifications-nav{display:flex;gap:8px;margin:18px 0}.vs-notifications-nav a{padding:9px 17px;border-radius:12px;border:1px solid var(--ne-border);background:var(--ne-card);font-weight:700}.vs-notifications-nav a[aria-current]{background:var(--ne-accent);color:var(--ne-accent-text);border-color:var(--ne-accent)}
.vs-notifications-alert{padding:13px 17px;border-radius:12px;margin-bottom:16px;background:var(--ne-panel);border:1px solid var(--ne-border)}.vs-notifications-alert.is-error{color:#b32035;background:#fff0f1;border-color:#f1c4cb}.vs-notifications-alert.is-success{color:#157347;background:#e9f8ef;border-color:#b6e2c6}
.vs-notifications-verify{display:flex;align-items:center;gap:17px;padding:18px 22px;margin-bottom:20px;background:var(--ne-panel)}.vs-notifications-verify-icon{width:46px;height:46px;background:var(--ne-card)}.vs-notifications-verify div{flex:1}.vs-notifications-verify h2{font-size:16px;margin-bottom:4px}.vs-notifications-verify p{font-size:13px;color:var(--ne-muted);margin:0}.vs-notifications-verify button,.vs-notifications-save,.vs-notifications-connect{border:0;border-radius:12px;background:var(--ne-accent);color:var(--ne-accent-text);padding:12px 18px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.vs-notifications-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:20px}.vs-notifications-card{padding:24px}.vs-notifications-card-heading{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--ne-border);padding-bottom:20px;margin-bottom:18px}.vs-notifications-card-icon{width:44px;height:44px;font-size:18px}.vs-notifications-card-heading h2{font-size:18px;margin-bottom:3px}
.vs-notifications-table-wrap{overflow:auto}.vs-notifications-table{width:100%;border-collapse:separate;border-spacing:0 10px;color:var(--ne-text)}.vs-notifications-table th,.vs-notifications-table td{padding:13px 15px;text-align:start}.vs-notifications-table thead th{color:var(--ne-muted);font-size:12px;font-weight:700}.vs-notifications-table thead th:not(:first-child),.vs-notifications-table td{text-align:center;min-width:115px}.vs-notifications-table tbody tr{background:var(--ne-field)}.vs-notifications-table tbody th{border-radius:0 12px 12px 0;font-size:14px;font-weight:400}.vs-notifications-table tbody td:last-child{border-radius:12px 0 0 12px}.vs-notifications-page[dir=ltr] .vs-notifications-table tbody th{border-radius:12px 0 0 12px}.vs-notifications-page[dir=ltr] .vs-notifications-table tbody td:last-child{border-radius:0 12px 12px 0}.vs-notifications-table tbody th strong,.vs-notifications-table tbody th small{display:block}.vs-notifications-table tbody th small{color:var(--ne-muted);font-size:12px;margin-top:4px}
.vs-notifications-toggle{display:inline-flex;position:relative;cursor:pointer;vertical-align:middle}.vs-notifications-toggle input{position:absolute;opacity:0;width:1px;height:1px}.vs-notifications-toggle span{width:40px;height:23px;border-radius:99px;background:var(--ne-border);position:relative;transition:background .2s}.vs-notifications-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #0002}.vs-notifications-toggle input:checked+span{background:var(--ne-accent)}.vs-notifications-toggle input:checked+span:after{transform:translateX(17px)}.vs-notifications-toggle input:disabled+span{opacity:.45;cursor:not-allowed}.vs-notifications-toggle input:focus-visible+span{outline:3px solid var(--ne-secondary);outline-offset:3px}.vs-notifications-save{width:100%;margin-top:16px}
.vs-notifications-channel{display:flex;align-items:center;gap:12px;padding:14px;background:var(--ne-field);border-radius:13px;margin-top:10px;min-width:0}.vs-notifications-channel>i{width:34px;text-align:center;color:var(--ne-accent);font-size:18px}.vs-notifications-channel div{min-width:0;flex:1}.vs-notifications-channel strong,.vs-notifications-channel span{display:block}.vs-notifications-channel strong{font-size:13px}.vs-notifications-channel div span{font-size:12px;color:var(--ne-muted);overflow-wrap:anywhere}.vs-notifications-channel .vs-notifications-status{font-size:11px;color:var(--ne-accent);white-space:nowrap;font-weight:700}.vs-notifications-connect{display:flex;margin-top:16px}.vs-notifications-note{font-size:12px;color:var(--ne-muted);line-height:1.6;margin:16px 0 0}.vs-notifications-content{margin-top:20px;color:var(--ne-text)}
.vs-notifications-page[data-vs-notifications-template=porcelain] .vs-notifications-hero{border-radius:18px}.vs-notifications-page[data-vs-notifications-template=porcelain] .vs-notifications-verify{border-inline-start:4px solid var(--ne-accent)}
.vs-notifications-page[data-vs-notifications-template=mint] .vs-notifications-hero{background:var(--ne-panel)}.vs-notifications-page[data-vs-notifications-template=mint] .vs-notifications-card{box-shadow:none}
.vs-notifications-page[data-vs-notifications-template=cream] .vs-notifications-hero{background:var(--ne-accent);color:var(--ne-accent-text)}.vs-notifications-page[data-vs-notifications-template=cream] .vs-notifications-hero small,.vs-notifications-page[data-vs-notifications-template=cream] .vs-notifications-hero p{color:var(--ne-accent-text)}.vs-notifications-page[data-vs-notifications-template=cream] .vs-notifications-hero-icon{background:var(--ne-card);color:var(--ne-text)}
.vs-notifications-page[data-vs-notifications-template=crimson] .vs-notifications-hero{background:linear-gradient(110deg,var(--ne-card),var(--ne-accent))}.vs-notifications-page[data-vs-notifications-template=crimson] .vs-notifications-card,.vs-notifications-page[data-vs-notifications-template=noir] .vs-notifications-card{box-shadow:none}
.vs-notifications-page[data-vs-notifications-template=noir] .vs-notifications-hero{border-color:var(--ne-accent)}.vs-notifications-page[data-vs-notifications-template=noir] .vs-notifications-card-heading{border-bottom:2px solid var(--ne-accent)}
.vs-notifications-page[data-vs-notifications-template=blue] .vs-notifications-hero{background:linear-gradient(125deg,var(--ne-card),var(--ne-panel));text-align:center;flex-direction:column}.vs-notifications-page[data-vs-notifications-template=blue] .vs-notifications-card{border-radius:16px}.vs-notifications-page[data-vs-notifications-template=blue] .vs-notifications-save{border-radius:40px}
@media(max-width:860px){.vs-notifications-grid{grid-template-columns:1fr}.vs-notifications-verify{flex-wrap:wrap}.vs-notifications-verify form{width:100%}.vs-notifications-verify button{width:100%}}@media(max-width:520px){.vs-notifications-page{padding:0 12px;margin:14px auto 35px}.vs-notifications-hero,.vs-notifications-card{padding:19px}.vs-notifications-hero h1{font-size:21px}.vs-notifications-table th,.vs-notifications-table td{padding:11px 8px}.vs-notifications-table thead th:not(:first-child),.vs-notifications-table td{min-width:75px}.vs-notifications-table tbody th{min-width:160px}.vs-notifications-hero-icon{width:50px;height:50px}}