.subscriber-overlay{position:fixed;inset:0;z-index:10030;background:rgba(2,8,6,.985);color:#f7fbf8;overflow:auto;padding:1rem;-webkit-overflow-scrolling:touch}.subscriber-shell{width:min(1120px,100%);margin:0 auto;padding:1rem 0 4rem}.subscriber-shell>header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:.4rem 0 1.2rem;border-bottom:1px solid rgba(255,255,255,.16)}.subscriber-shell>header span{display:block;color:#c8ff2e;font-size:.75rem;font-weight:900;letter-spacing:.13em}.subscriber-shell>header h1{margin:.25rem 0 .45rem;color:#fff;font:800 clamp(2.2rem,6vw,4rem)/.95 Barlow Condensed}.subscriber-shell>header p{max-width:650px;margin:0;color:#aebbb5;line-height:1.55}.subscriber-shell>header button,.subscriber-toolbar button,.subscriber-form-actions button{border:1px solid rgba(255,255,255,.2);background:#0d1b15;color:#fff;border-radius:10px;padding:.75rem 1rem;font-weight:800;cursor:pointer}.subscriber-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}.subscriber-stats article{padding:1rem;border-radius:14px;background:#0d1b15;border:1px solid rgba(255,255,255,.12)}.subscriber-stats strong{display:block;font:800 2rem Barlow Condensed;color:#fff}.subscriber-stats span{font-size:.8rem;color:#aebbb5}.subscriber-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:.75rem;margin-bottom:.8rem}.subscriber-toolbar input,.subscriber-toolbar select,.subscriber-add-form input,.subscriber-add-form select{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#07110d;color:#fff;padding:.75rem;font:inherit}.subscriber-toolbar button,.subscriber-form-actions button:first-child{background:#c8ff2e;color:#07110d;border-color:#c8ff2e}.subscriber-add-form{background:#0d1b15;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1rem;margin-bottom:.9rem}.subscriber-add-form[hidden]{display:none!important}.subscriber-add-form>div:first-child{display:grid;grid-template-columns:1fr 1.4fr 160px;gap:.75rem}.subscriber-add-form label{display:grid;gap:.35rem;font-weight:800;font-size:.8rem}.subscriber-form-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.subscriber-add-form p{margin:.7rem 0 0;color:#dfffa0}.subscriber-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d1b15}.subscriber-table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.subscriber-table-wrap th,.subscriber-table-wrap td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.subscriber-table-wrap th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#9eaaa4}.subscriber-table-wrap td{color:#e7eee9}.subscriber-table-wrap tbody tr:last-child td{border-bottom:0}.subscriber-table-wrap td strong,.subscriber-table-wrap td small{display:block}.subscriber-table-wrap td small{margin-top:.25rem;color:#9eaaa4}.subscriber-status{display:inline-block;border-radius:999px;padding:.3rem .55rem;font-size:.68rem;font-weight:900;letter-spacing:.05em}.subscriber-status.subscribed{background:rgba(200,255,46,.14);color:#dfffa0}.subscriber-status.unsubscribed{background:rgba(255,255,255,.08);color:#aebbb5}.subscriber-row-action{border:1px solid rgba(255,255,255,.18);background:#09140f;color:#dfffa0;border-radius:8px;padding:.5rem .7rem;font-size:.72rem;font-weight:800;cursor:pointer}.subscriber-row-action:disabled{opacity:.45;cursor:default}.subscriber-empty{text-align:center!important;color:#9eaaa4!important}.subscriber-shell>footer{display:block!important;min-height:0!important;background:none!important;padding:1rem 0!important;color:#91a099;font-size:.78rem}.subscriber-overlay .sidebar{display:none!important}@media(max-width:760px){.subscriber-overlay{padding:.55rem}.subscriber-shell{padding:.2rem 0 4rem}.subscriber-shell>header{position:sticky;top:0;z-index:3;background:#07110d;padding:.75rem 0 1rem;align-items:flex-start}.subscriber-shell>header p{font-size:.82rem}.subscriber-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.subscriber-toolbar{grid-template-columns:1fr}.subscriber-add-form>div:first-child{grid-template-columns:1fr}.subscriber-toolbar input,.subscriber-toolbar select,.subscriber-add-form input,.subscriber-add-form select{font-size:16px}}