@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: dark;
  --bg:#080e1a;
  --paper:#101b2e;
  --paper-soft:#142238;
  --green:#299df2;
  --deep:#102f54;
  --deep-2:#153b65;
  --ink:#f4f8ff;
  --muted:#95a9c2;
  --border:#24344e;
  --line:#23324a;
  --danger:#ff8799;
  --shadow:0 22px 60px rgba(0,3,12,.18);
  font-family:'DM Sans',system-ui,sans-serif;
}
body {
  background:radial-gradient(circle at 73% -12%,#133253 0,transparent 33%),var(--bg);
  color:var(--ink);
}
h1,h2,h3,.brand,.stat-card strong,.mini-stats strong {font-family:Outfit,'DM Sans',sans-serif}
::selection {background:#245f93;color:#fff}
:focus-visible {outline-color:#57bdff}
.eyebrow {color:#68c8ff}
.muted,.small,.footnote {color:var(--muted)}
.tiny-dot {background:#37d3ae;box-shadow:0 0 0 3px rgba(55,211,174,.12)}
.brand {color:#fff;letter-spacing:-.06em}
.brand-symbol {background:linear-gradient(145deg,#5ad7ff,#2189e8 75%);color:#fff;border-radius:12px;box-shadow:0 7px 20px rgba(32,156,245,.23)}
.brand-symbol span {background:#fff}
.brand-label {color:#76c9ff;letter-spacing:.3em}
.sidebar {width:248px;background:#0b1526;border-right:1px solid #1c2d47;padding:28px 15px 18px}
.sidebar>.brand {padding-left:12px}
.workspace-label {color:#6684a5;margin:51px 14px 15px}
.nav-item {color:#95a9c2;border:1px solid transparent;border-radius:11px;min-height:45px;font-size:12px}
.nav-item svg {color:#7f9cbb}
.nav-item:hover {color:#f5fbff;background:#14253d;border-color:#254364}
.nav-item.active {color:#fff;background:linear-gradient(100deg,#1662a0,#153b64);border-color:#2679b7;box-shadow:inset 3px 0 #53c9ff,0 10px 24px rgba(0,86,171,.16)}
.nav-item.active svg {color:#8cdbff}
.sidebar-note {margin:0 7px 23px;padding:16px;background:linear-gradient(145deg,#133451,#142139);border:1px solid #294b6b;border-radius:15px;color:#effaff;font-size:11px}
.sidebar-note p {color:#a2bfda;margin:8px 0 0}
.identity {border-color:#20324a}
.identity>div span {color:#8aa2bc}
.avatar {background:linear-gradient(145deg,#15568b,#2799dc);color:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #54bdf368}
.small-avatar {border-radius:50%}
.icon-button {color:#9ab3d0}
.icon-button:hover {background:#1a3655;color:#fff}
.main-wrap {margin-left:248px}
.topbar {background:rgba(9,17,31,.85);border-color:#21304a;backdrop-filter:blur(16px)}
.breadcrumb {color:#829bb8}
.breadcrumb span {color:#45617d}
.breadcrumb strong {color:#f5f9ff}
.secure-label {color:#a4bdd3}
main#content {max-width:1640px;padding-top:36px}
.page-footer {border-color:#1e3049;color:#7893af}
.page-heading {margin-bottom:28px}
.page-heading h1 {font-size:clamp(29px,3.3vw,45px);font-weight:700;letter-spacing:-.045em}
.page-heading p {font-size:13px;color:#a0b3ca}
.page-heading .eyebrow {margin-bottom:9px}
.hello-mark {color:#4db8ff}
.card {background:linear-gradient(155deg,#13233a 0%,#101a2c 85%);border-color:#263955;border-radius:18px;box-shadow:var(--shadow)}
.section-title h2 {font-size:19px}
.section-title p {color:#8fa8c3}
.button {background:linear-gradient(120deg,#2caaff,#187cdb);border-color:#40afff;color:#fff;border-radius:10px;box-shadow:0 8px 18px rgba(24,122,219,.19)}
.button:hover:not(:disabled) {background:linear-gradient(120deg,#55bfff,#198cea);box-shadow:0 12px 24px rgba(24,122,219,.27)}
.button.secondary {background:#15263e;border-color:#355275;color:#d3edff;box-shadow:none}
.button.secondary:hover:not(:disabled) {background:#1c3857;border-color:#58aee2}
.text-link {color:#72c9ff}
input,select,textarea {background:#0b1729;border-color:#2b4261;color:#f0f8ff;border-radius:10px}
input::placeholder {color:#7088a6}
input:focus,select:focus,textarea:focus {border-color:#53baff;box-shadow:0 0 0 4px rgba(40,164,246,.15)}
input[readonly] {color:#afc7e1}
.filter-bar select,.filter-bar input,.period-control {background:#14243b;border-color:#2c4565;color:#d8ecff}
.period-control svg {color:#66c8ff}
.period-note {color:#7f99b5}
.status-filter {margin-left:auto}
.stat-card {position:relative;overflow:hidden;min-height:143px;background:linear-gradient(155deg,#14263e,#101b2e);border-color:#2a3f5d;border-radius:17px;box-shadow:var(--shadow)}
.stat-card::after {content:"";position:absolute;width:86px;height:86px;right:-43px;top:-41px;border:1px solid #4b739a55;border-radius:50%;box-shadow:0 0 0 18px #2461990a,0 0 0 39px #24619908;pointer-events:none}
.stat-card p {color:#9db8d3;font-size:10px;letter-spacing:.08em}
.stat-card strong {font-size:clamp(24px,2.2vw,34px);font-weight:700;color:#fff}
.stat-bottom {color:#88a3bf}
.stat-card.highlight {background:linear-gradient(125deg,#126fae,#0d3d79 85%);border-color:#49b7f6;box-shadow:0 20px 34px rgba(11,111,185,.22)}
.stat-card.highlight p,.stat-card.highlight .stat-bottom {color:#d1ebff}
.stat-icon {background:#ffffff25;color:#fff}
.delta {color:#55dbb6}
.delta.down {color:#ff8d9e}
.delta.neutral {color:#91adc9}
.chart-card {background:linear-gradient(155deg,#14263d,#0e192b);border-color:#2a405f;padding:27px 29px 22px}
.segmented {background:#0c1a2d;border-color:#2b4565;border-radius:10px}
.segmented button,.chart-tabs button {color:#8eabc8}
.segmented button.selected {background:#24517a;color:#fff;box-shadow:0 4px 10px #01081255}
.chart-tabs {border-color:#29415f;gap:22px}
.chart-tabs button.selected {color:#87d5ff;border-color:#3ab6ff}
.chart-plot {min-height:250px}
.chart-axis,.chart-dates {color:#7d98b5}
.chart-drawing svg {color:#28415f}
.chart-grid line {stroke:#2b4260;stroke-width:1;stroke-dasharray:4 5}
.chart-fill {fill:url(#chart-area-gradient)}
.chart-line {stroke:#5bc2ff;stroke-width:3;filter:drop-shadow(0 2px 5px #1594ed80)}
.chart-dots circle {fill:#102c4b;stroke:#7ad5ff;stroke-width:2}
.chart-accessible {color:#9db4cd}
.chart-empty {height:260px;margin:4px 0 13px;display:flex;align-items:center;justify-content:center;gap:56px;text-align:left;border:1px dashed #34506f;border-radius:15px;background:radial-gradient(circle at 32% 50%,#1d477045,transparent 36%),linear-gradient(140deg,#142742,#0d1c31);overflow:hidden;color:#d9eaff}
.chart-empty-art {position:relative;flex:none;width:200px;height:156px;border-left:1px solid #466689;border-bottom:1px solid #466689;background:repeating-linear-gradient(to top,transparent 0 38px,#35527180 39px,transparent 40px)}
.chart-empty-art span {position:absolute;bottom:0;width:27px;border-radius:8px 8px 0 0;background:linear-gradient(#5ac6ff80,#1d69b715)}
.chart-empty-art span:nth-child(1) {left:22px;height:39px}
.chart-empty-art span:nth-child(2) {left:76px;height:67px}
.chart-empty-art span:nth-child(3) {left:130px;height:102px}
.chart-empty-art i {position:absolute;left:22px;bottom:30px;width:155px;height:90px;border-left:3px solid transparent;border-bottom:3px solid #65ceff;border-radius:0 0 0 30%;transform:skewY(-22deg);filter:drop-shadow(0 0 8px #2daeff)}
.chart-empty-copy {max-width:330px;position:relative;z-index:1}
.chart-empty-copy h3 {font-size:23px;margin:8px 0 6px;color:#fff}
.chart-empty-copy p {font-size:12px;color:#9ebad4;margin:0}
.activity-summary {border-color:#29415f;color:#9ab2cb}
.activity-summary strong {color:#f0f8ff}
.quiet-card,.install-card {background:linear-gradient(150deg,#162b46,#102036)}
.quiet-card p,.link-card p,.terms-card p,.frequency-card p,.install-card p {color:#a3bad3}
.round-icon {background:#1b4d73;color:#8cdaff}
.copy-field input {background:#0d1a2d;border-color:#2f4663;color:#d5e8fa}
.link-details {border-color:#2a405b;color:#9cb1c8}
.link-details strong {color:#84d2ff}
.code-tag,td code {background:#153f65;color:#8edaff}
.table-card {background:#111d30}
th {background:#14243a;color:#95aec8;border-color:#2b415e}
td {color:#b7c9dd;border-color:#21334d}
td strong {color:#edf7ff}
tbody tr:hover {background:#172b45}
.cell-sub,.partner-cell small {color:#859fb9}
.amount,.mini-stats strong,.compact-row strong {color:#8ed5ff}
.badge {background:#173b4e;color:#71e5c4}
.badge.pending,.badge.flagged {background:#4b361d;color:#ffd18b}
.badge.cancelled,.badge.refunded,.badge.suspended {background:#4e2937;color:#ff9fae}
.badge.paid,.badge.approved {background:#174268;color:#9bdaff}
.empty {color:#9bb2ca}
.empty-icon {background:#1c405f;color:#8ad6ff}
.empty h3 {color:#f4faff}
.pagination {border-color:#2b405c;color:#90aac4}
.revenue-split strong,.terms-card .terms-number {color:#9cdeff}
.green-tint {background:linear-gradient(150deg,#124876,#10263f)}
.details-card dl>div {border-color:#283f59}
.details-card a {color:#8bd7ff}
.mini-stats>div {background:linear-gradient(140deg,#142840,#101c30);border-color:#2b4260;border-radius:15px}
.mini-stats span {color:#98b1cb}
.partner-head h1 {color:#f5faff}
.detail-back,.detail-tabs a {color:#90abc6}
.detail-tabs {border-color:#2b4563}
.detail-tabs a[aria-current] {color:#7fcfff;border-color:#3db7fa}
.form-section-heading>span {background:#18476b;color:#98e0ff}
.form-section-heading:not(:first-child),.form-footer,.advanced-settings {border-color:#2b405b}
.form-grid label,.login-form-inner label {color:#b6cbe0}
.partner-link-preview {background:#0b2139;border-color:#315a7e;border-radius:12px}
.partner-link-preview span {color:#91c9e8}
.partner-link-preview code,.advanced-settings>summary {color:#d8f1ff}
.advanced-settings>summary span,.form-grid label small {color:#93acc5}
.inline-action {color:#80d4ff}
.audit-event:not(:last-child):before {background:#36526e}
.audit-dot {background:#47bcfa;border-color:#234c70}
.audit-event pre {background:#0b1a2e;color:#afc8de}
.login-story {background:radial-gradient(circle at 86% 33%,#1e64a570,transparent 39%),linear-gradient(155deg,#0a2443,#091626);color:#fff}
.login-story .brand {color:#fff}
.login-story .brand-symbol {background:linear-gradient(145deg,#5ad7ff,#2189e8);color:#fff}
.login-story-copy .eyebrow,.login-story-copy em {color:#83d8ff}
.login-story-copy>p {color:#afcbe2}
.story-line {background:#62bdf1}
.story-foot,.copyright {color:#8faec8}
.login-orbit,.login-orbit span {border-color:#7cc9f01b}
.login-form-wrap {background:radial-gradient(circle at 52% 12%,#163455,transparent 40%),#0a1423}
.login-form-inner>p {color:#a4bad0}
.login-form-inner input {background:#101e32}
.login-actions button {color:#81d1ff}
.login-help {border-color:#2b415c}
.login-help p {color:#9ab0c5}
.setup-notice {background:#183350;border-color:#37648a}
.setup-notice strong {color:#d6f1ff}
.setup-notice p {color:#a4c4dc}
#auth-status {color:#8bd7ff}
#toast {background:#1c4c73;color:#fff;border:1px solid #4bbafa;box-shadow:0 18px 38px #0009}
dialog {background:#14253b;color:#f4faff;border-color:#3a5874;box-shadow:0 30px 80px #000a}
dialog::backdrop {background:#020710ba}
dialog p {color:#adc2d7}
dialog label {color:#c2d7e8}
.network-notice {background:#4b351b;color:#ffdfa8}
.preview-start {max-width:670px;padding:43px;margin:45px auto;background:radial-gradient(circle at 100% 0%,#165b9340,transparent 42%),#12243b}
.preview-start h1 {font-size:clamp(32px,4vw,49px);margin:13px 0}
.preview-start p {color:#a8c0d8;max-width:480px;margin-bottom:23px}
@media(max-width:820px) {
  .main-wrap {margin-left:0}
  .topbar {background:#0c182a}
  .bottom-nav {background:rgba(11,24,42,.96);border-color:#2b415e}
  .bottom-nav .nav-item.active {box-shadow:none;background:#17466f}
}
@media(max-width:600px) {
  .page-heading {display:block}
  .page-heading>.button {display:inline-flex;margin-top:17px}
  .page-heading h1 {font-size:33px}
  .stat-card {min-height:124px}
  .stat-card strong {font-size:24px}
  .chart-card {padding:20px 17px}
  .chart-empty {height:auto;min-height:246px;gap:15px;padding:20px;flex-direction:column;text-align:center}
  .chart-empty-art {transform:scale(.72);margin:-12px 0 -24px}
  .chart-empty-copy h3 {font-size:18px}
  .page-heading .button {white-space:normal;text-align:center}
  .preview-start {padding:30px 23px;margin:20px auto}
}