:root{--ink: #1a2332;--muted: #5c6b7a;--line: #d8e0e8;--surface: #f3f6f9;--card: #ffffff;--brand: #0b4f8a;--brand-deep: #073a66;--accent: #c45c26;--ok: #1f7a4c;--warn: #b45309;--bad: #b42318;--pending: #475569;--shadow: 0 1.125rem 3.125rem rgba(10, 40, 70, .08);--space: 1rem;--tap: 2.75rem;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--surface);line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;max-width:100%;overflow-x:hidden}body{background:radial-gradient(75rem 31rem at 10% -10%,rgba(11,79,138,.12),transparent 55%),radial-gradient(56rem 25rem at 100% 0%,rgba(196,92,38,.08),transparent 50%),linear-gradient(180deg,#eef3f8,#f7f9fb 40%,#f3f6f9)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,.brand-serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.02em}.app-shell{display:grid;grid-template-columns:15rem 1fr;min-height:100vh}.mobile-topbar,.drawer-backdrop,.mobile-only{display:none}.sidebar{background:linear-gradient(180deg,var(--brand-deep),var(--brand));color:#fff;padding:1.75rem 1.25rem;display:flex;flex-direction:column;gap:1.75rem;position:sticky;top:0;height:100vh;overflow:auto}.sidebar .logo{font-family:"Instrument Serif",Georgia,serif;font-size:1.75rem;line-height:1.1}.sidebar .logo span{display:block;font-family:DM Sans,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-top:.375rem}.nav-link{display:block;padding:.625rem .75rem;min-height:var(--tap);border-radius:.5rem;color:#ffffffd9;transition:background .2s ease,transform .2s ease}.nav-link:hover,.nav-link.active,.nav-link:focus-visible{background:#ffffff24;color:#fff;outline:none}.sidebar-foot{margin-top:auto;font-size:.85rem;opacity:.85}.sidebar-email{opacity:.7;font-size:.8rem;word-break:break-all}.sidebar-foot button{margin-top:.625rem;width:100%;min-height:var(--tap);border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer}.main{padding:2rem 2.25rem 3rem;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-head h1{margin:0;font-size:clamp(1.6rem,2.5vw,2.2rem)}.page-head p{margin:.375rem 0 0;color:var(--muted)}.btn{border:none;border-radius:.625rem;padding:.625rem 1rem;min-height:var(--tap);cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible{outline:.125rem solid rgba(11,79,138,.45);outline-offset:.125rem}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 .5rem 1.25rem #0b4f8a40}.btn-primary:hover:not(:disabled){background:var(--brand-deep)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:#fff;color:var(--bad);border:1px solid #f0c2bd}.panel{background:var(--card);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);padding:1.375rem;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin-bottom:1rem}.summary-card{background:var(--card);border:1px solid var(--line);border-radius:.875rem;padding:.875rem 1rem;box-shadow:var(--shadow)}.summary-label{color:var(--muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.summary-value{margin-top:.35rem;font-size:1.25rem;font-weight:700}.filters-bar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;margin-bottom:1rem}.filter-search{min-width:0}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:.875rem 1rem}.grid-form .full{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:.375rem;font-size:.82rem;font-weight:600;color:var(--muted)}input,select,textarea,.input{border:1px solid var(--line);border-radius:.625rem;padding:.625rem .75rem;min-height:var(--tap);background:#fff;color:var(--ink);width:100%;max-width:100%}textarea{min-height:5rem}input:focus,select:focus,textarea:focus,.input:focus{outline:.125rem solid rgba(11,79,138,.25);border-color:var(--brand)}.field-error{color:var(--bad);font-size:.78rem;font-weight:600}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.75rem .625rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.clickable-row{cursor:pointer}.clickable-row:hover,.clickable-row:focus-visible{background:#0b4f8a0a;outline:none}.company-cell{display:flex;align-items:center;gap:.75rem}.avatar{flex-shrink:0;border-radius:.5rem;background:#e8eef5;color:var(--brand-deep);display:grid;place-items:center;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:2.5rem;height:2.5rem;font-size:.75rem}.avatar-md{width:3rem;height:3rem;font-size:.85rem}.avatar-lg{width:4.5rem;height:4.5rem;font-size:1.1rem;border-radius:.75rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.active{background:#dff5e8;color:var(--ok)}.badge.expired,.badge.inactive{background:#fde8e6;color:var(--bad)}.badge.pending{background:#e8eef5;color:var(--pending)}.badge.expiring,.badge.suspended{background:#fff4e5;color:var(--warn)}.invoice-usage{min-width:6.5rem}.invoice-usage-label{font-size:.85rem;margin-bottom:.25rem}.progress{height:.4rem;background:#e8eef5;border-radius:999px;overflow:hidden}.progress-bar{height:100%;border-radius:999px}.progress-ok{background:var(--ok)}.progress-warn{background:var(--warn)}.progress-full{background:var(--bad)}.row-actions,.detail-actions,.card-actions,.modal-actions,.pagination{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.pagination{margin-top:1rem;justify-content:center}.error-banner{background:#fde8e6;color:var(--bad);border:1px solid #f0c2bd;padding:.625rem .75rem;border-radius:.625rem;margin-bottom:.875rem}.success-banner{background:#dff5e8;color:var(--ok);border:1px solid #b7e4c7;padding:.625rem .75rem;border-radius:.625rem;margin-bottom:.875rem}.state-block{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.empty-state{text-align:center;padding:2.5rem 1.25rem}.empty-state h2{margin:0 0 .5rem}.skeleton-stack{display:flex;flex-direction:column;gap:.75rem}.skeleton-row{height:3.5rem;border-radius:.75rem;background:linear-gradient(90deg,#e8eef5 25%,#f5f8fb,#e8eef5 75%);background-size:200% 100%;animation:shimmer 1.2s ease infinite}@keyframes shimmer{to{background-position:-200% 0}}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(26rem,100%);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow);padding:2.25rem 2rem;animation:rise .4s ease both}.login-card h1{margin:0 0 .375rem;font-size:2.4rem}.login-card .sub{color:var(--muted);margin:0 0 1.5rem}.login-card form{display:flex;flex-direction:column;gap:.875rem}.login-card .btn{margin-top:.5rem;width:100%}.muted{color:var(--muted);font-size:.9rem}.muted a{color:var(--brand);font-weight:600}.muted a:hover{text-decoration:underline}.actions{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:flex-end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e2d73;display:grid;place-items:center;padding:1.25rem;z-index:40}.modal{width:min(35rem,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:1rem;padding:1.375rem;box-shadow:var(--shadow)}.modal-actions{margin-top:1rem;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:8rem 1fr;gap:.5rem 1rem;margin:0}.detail-grid dt{color:var(--muted);font-size:.85rem;font-weight:600}.detail-grid dd{margin:0;font-weight:600;min-width:0;word-break:break-word}.detail-sections{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-sections h2{margin:0 0 .75rem;font-size:1.35rem}.detail-title{display:flex;align-items:center;gap:1rem}.detail-title h1{margin:0 0 .35rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:var(--muted);font-size:.9rem;margin-bottom:.75rem}.breadcrumb a{color:var(--brand);font-weight:600}.breadcrumb a:focus-visible{outline:.125rem solid rgba(11,79,138,.45);outline-offset:.125rem}.kv-list{margin:.75rem 0 0;display:grid;gap:.5rem}.kv-list>div{display:grid;grid-template-columns:6rem 1fr;gap:.5rem}.kv-list dt{color:var(--muted);font-size:.8rem;font-weight:600}.kv-list dd{margin:0;min-width:0;word-break:break-word}.subscriber-card-head{display:flex;gap:.75rem;align-items:flex-start}.card-actions{margin-top:1rem}.card-actions .btn{flex:1}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;gap:.5rem;width:min(22rem,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;padding:.75rem 1rem;border-radius:.75rem;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line);animation:rise .25s ease both}.toast-success{border-color:#b7e4c7;color:var(--ok)}.toast-error{border-color:#f0c2bd;color:var(--bad)}.sticky-bottom-bar{position:sticky;bottom:0;left:0;right:0;padding:.75rem 0;background:linear-gradient(180deg,transparent,var(--surface) 30%);z-index:5}.sticky-bottom-bar .btn{width:100%}.icon-btn.hamburger{width:var(--tap);height:var(--tap);border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:.5rem;cursor:pointer}.icon-btn.hamburger span{display:block;height:.125rem;background:#fff;border-radius:999px}.desktop-only{display:block}@media(max-width:1023px){.app-shell{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:30;background:linear-gradient(90deg,var(--brand-deep),var(--brand));color:#fff;padding:.625rem 1rem;min-height:3.5rem}.mobile-brand{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem}.mobile-brand span{font-family:DM Sans,sans-serif;font-size:.75rem;opacity:.8;margin-left:.35rem}.sidebar{position:fixed;inset:0 auto 0 0;width:min(18rem,86vw);height:100vh;z-index:35;transform:translate(-105%);transition:transform .2s ease}.app-shell.drawer-open .sidebar{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0a1e3273;z-index:34;cursor:pointer}.main{padding:1.25rem 1rem 2.5rem}.filters-bar{grid-template-columns:1fr 1fr}.filter-search{grid-column:1 / -1}.detail-sections{grid-template-columns:1fr}}@media(max-width:767px){.desktop-only{display:none!important}.mobile-only{display:block}.form-actions-desktop{display:none}.grid-form{grid-template-columns:1fr}.page-head{align-items:stretch}.page-head .btn,.detail-actions .btn,.detail-actions{width:100%}.detail-head{flex-direction:column;align-items:stretch}.detail-grid,.kv-list>div{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.mobile-card-list{display:grid;gap:.75rem}.subscriber-card{cursor:pointer}.filters-bar{grid-template-columns:1fr}}@media(min-width:768px){.mobile-card-list,.sticky-bottom-bar.mobile-only{display:none}}@media(min-width:1024px){.mobile-topbar,.drawer-backdrop{display:none!important}.sidebar{transform:none!important;position:sticky}}.filters-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.filters-row .input{flex:1;min-width:10rem}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.form-stack{display:flex;flex-direction:column;gap:1rem;max-width:44rem}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.form-stack label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}.fieldset{border:1px solid var(--line);border-radius:.75rem;padding:.875rem 1rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.fieldset legend{padding:0 .35rem;font-weight:700}.radio,.check{display:flex;align-items:center;gap:.5rem;font-weight:500}.panel.nested{background:#f8fafc;margin:0}.chips-wrap{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0}.chip-selected{border:1px solid var(--brand);background:#0b4f8a14;color:var(--brand);border-radius:999px;padding:.25rem .65rem;font-size:.8rem;font-weight:600;cursor:pointer}.picker-list{max-height:14rem;overflow:auto;display:flex;flex-direction:column;gap:.35rem}.picker-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .25rem;font-weight:500}.notif-preview{border:1px solid var(--line);border-radius:.75rem;padding:1rem;margin:.75rem 0 1rem;background:#f8fafc}.notif-preview.important{border-color:#f0c2bd;background:#fff7f6}.notif-preview-title{font-weight:800;margin-bottom:.35rem}.notif-preview-body{white-space:pre-wrap;color:var(--muted)}.badge.draft{background:#e2e8f0;color:#475569}.badge.scheduled{background:#fef3c7;color:#92400e}.badge.sent{background:#dcfce7;color:#166534}.badge.cancelled{background:#fee2e2;color:#991b1b}.summary-card.alert-card{border-color:#b4530959;background:linear-gradient(180deg,#fffbeb,#fff)}.summary-hint{font-size:.75rem;margin-top:.35rem}.card-list{display:grid;gap:.75rem}.card-item{display:block;transition:box-shadow .15s ease}.card-item:hover{box-shadow:var(--shadow)}.card-item-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.35rem}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}