:root{--navy:#172033;--navy-2:#222d45;--blue:#2563eb;--green:#16a36a;--orange:#f59e0b;--red:#dc3545;--surface:#fff;--canvas:#f4f6fa;--border:#e4e8f0;--text:#1d2638;--muted:#6b7485;--sidebar:260px}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--canvas);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,var(--navy),#111a2b);color:#fff;display:flex;flex-direction:column;z-index:1040;box-shadow:6px 0 22px #17203318}.sidebar-brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #ffffff12}.sidebar-brand>div{display:flex;flex-direction:column}.sidebar-brand small{font-size:.68rem;color:#99a7bd;margin-top:2px}.brand-symbol,.brand-mark{display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;border-radius:10px}.brand-symbol{width:38px;height:38px;flex:none}.brand-mark{width:46px;height:46px;font-size:1.25rem}.menu-label{padding:22px 20px 8px;color:#718099;font-size:.65rem;letter-spacing:.13em;font-weight:700}.sidebar-nav{padding:0 10px;display:flex;flex-direction:column;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:12px;color:#b8c3d3;text-decoration:none;padding:11px 12px;border-radius:9px;font-weight:500}.sidebar-nav a i{font-size:1.05rem;width:20px;text-align:center}.sidebar-nav a:hover{background:#ffffff0d;color:#fff}.sidebar-nav a.active{color:#fff;background:linear-gradient(90deg,#2563eb,#3477f4);box-shadow:0 5px 14px #0c40a84d}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff12;padding:16px;display:flex;align-items:center;gap:10px}.sidebar-user>div{display:flex;flex-direction:column;min-width:0}.sidebar-user strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sidebar-user small{font-size:.68rem;color:#94a2b7}.sidebar-user form button{background:transparent;border:0;color:#9eacc0;font-size:1.05rem}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff16;color:#fff;font-weight:700}.page-area{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:1020}.topbar-title{display:flex;flex-direction:column;margin-left:12px}.topbar-title strong{font-size:.95rem}.topbar-title small{font-size:.7rem;color:var(--muted);text-transform:capitalize}.topbar-status{font-size:.75rem;color:#536070;background:#f4f7fb;padding:8px 12px;border-radius:20px}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 0 4px #16a36a1f}.icon-button{border:1px solid var(--border);background:#fff;color:#596579;border-radius:8px;width:36px;height:36px}.sidebar .icon-button{background:transparent;border:0;color:#fff;margin-left:auto}.content-shell{max-width:1500px;margin:0 auto;padding:30px 28px 50px}.public-topbar{height:64px;background:var(--navy);display:flex;align-items:center;padding:0 24px}.brand{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:24px}.page-heading h1{font-size:1.75rem;font-weight:700;margin:.15rem 0}.page-heading p{color:var(--muted);margin:0}.eyebrow{color:var(--blue);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.card,.metric-card,.provider-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 12px #25304a0a}.metric-card{padding:20px;border-left:4px solid var(--navy)}.metric-card.accent-blue{border-left-color:var(--blue)}.metric-card.accent-green{border-left-color:var(--green)}.metric-card.accent-orange{border-left-color:var(--orange)}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;font-size:2rem;line-height:1.2;margin:.35rem 0}.card-header{background:#fff;border-bottom:1px solid var(--border);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.card-header div{display:flex;flex-direction:column}.card-header small{color:var(--muted);margin-top:3px}.table-card{overflow:hidden}.table>:not(caption)>*>*{padding:14px 16px;border-color:#edf0f5}.table thead th{background:#f8f9fc;color:#70798a;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table td small,.date-main{display:block}.table td small{color:var(--muted)}.source-badge{padding:.32rem .58rem;border-radius:20px;font-size:.72rem;font-weight:700}.source-badge.howen{background:#e8efff;color:#2456b8}.source-badge.streamax{background:#e5f7ef;color:#13734e}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--status-color);margin-right:7px}.filter-card .form-label{font-size:.75rem;font-weight:600;color:#596275}.form-control,.form-select{border-color:#dce1ea;border-radius:9px;min-height:42px}.btn{border-radius:9px;font-weight:600}.btn-primary{background:var(--blue);border-color:var(--blue)}.pagination-footer{display:flex;justify-content:space-between;align-items:center;background:#fff;color:var(--muted);padding:12px 16px}.empty-state{text-align:center;color:var(--muted);padding:42px}.auth-shell{min-height:calc(100vh - 150px);display:grid;place-items:center}.auth-card{width:min(440px,100%)}.success-icon{margin-inline:auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e6f7ef;color:var(--green);font-size:1.6rem;font-weight:700}.provider-card{padding:24px}.provider-card-head{display:flex;align-items:center;gap:14px}.provider-card h2{font-size:1.15rem;margin:0 0 5px}.provider-logo{width:48px;height:48px;border-radius:12px;background:#e8efff;color:var(--blue);display:grid;place-items:center;font-size:1.2rem;font-weight:800}.provider-card>p{color:var(--muted);margin:20px 0}.connection-state{font-size:.73rem}.connection-state i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.connection-state.online{color:var(--green)}.connection-state.online i{background:var(--green)}.connection-state.offline{color:var(--red)}.connection-state.offline i{background:var(--red)}.provider-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;background:#f7f9fc;border-radius:10px;padding:14px}.provider-card dl div+div{border-left:1px solid var(--border);padding-left:14px}.provider-card dt{font-size:.67rem;color:var(--muted);text-transform:uppercase}.provider-card dd{font-size:.78rem;margin:5px 0 0}.info-callout{display:flex;gap:12px;padding:16px 18px;background:#eef4ff;border:1px solid #cfe0ff;border-radius:12px;color:#234d99}.info-callout i{font-size:1.25rem}.info-callout p{margin:3px 0 0;color:#5370a3}.sidebar-overlay{display:none}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.22s}.page-area{margin-left:0}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:#0d14246b;z-index:1030}.topbar{padding:0 16px}.content-shell{padding:24px 16px}.page-heading{align-items:flex-start;flex-direction:column}.topbar-status{display:none}}