:root{color-scheme:dark;--bg: #0b0f17;--panel: #101826;--text: #e6edf7;--muted: #a9b4c4;--border: rgba(255, 255, 255, .1);--shadow: 0 18px 50px rgba(0, 0, 0, .45);--radius: 14px;--topbar-height: 72px;--topbar-offset: calc(var(--topbar-height) + 36px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% 10%,rgba(110,168,255,.12),transparent 60%),radial-gradient(900px 500px at 80% 0%,rgba(255,110,199,.1),transparent 55%),var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:var(--topbar-offset) 24px 0;scrollbar-gutter:stable;overflow-y:scroll}body.no-scroll{overflow:hidden}h1{margin:0 0 12px;font-size:clamp(30px,3.2vw,44px);letter-spacing:.3px}h2{margin:0;font-size:24px}h3{margin:0 0 14px;font-size:20px;font-weight:700;letter-spacing:.2px}form{width:min(420px,100%);background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.topbar{position:fixed;top:18px;z-index:10;width:min(1320px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 18px;min-height:var(--topbar-height);border-radius:16px;background:#0a0e16d9;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);left:50%;transform:translate(-50%)}.brand{font-weight:700;letter-spacing:.4px}.menu{display:flex;gap:16px}.menu a{text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;padding:6px 10px;border-radius:999px;transition:color .15s ease,background .15s ease}.menu a.active{color:var(--text);background:#6ea8ff2e}.menu a:hover{color:var(--text)}.shell{width:min(1320px,100%)}.page{display:none;animation:fadeUp .25s ease}.rewards-page{min-height:calc(100vh - 180px);gap:16px}.rewards-page.active{display:flex;flex-direction:column}.rewards-page #dash{flex:1;display:flex;flex-direction:column;min-height:0}.rewards-main,.countries-main{min-height:calc(100vh - 320px)}.page{display:none}.page.active{display:block}.page.has-body{min-height:calc(100vh - 180px)}.page.has-body.active{display:flex;flex-direction:column;gap:16px}.page-body{flex:1;min-height:calc(100vh - 320px);overflow:visible}.page.has-body .page-shell{min-height:0;height:calc(100vh - var(--topbar-offset) - 20px)}.page-shell .page-body{min-height:0;height:100%;display:flex;flex-direction:column;flex:1}.page-shell .page-body-content{overflow:visible;max-height:none;flex:1;min-height:0;height:auto;margin-bottom:0;display:flex;flex-direction:column}.page-body.panel{display:flex;flex-direction:column;gap:0}.page-shell{display:flex;flex-direction:column;gap:12px;height:100%}.page-body-controls{flex:0 0 auto;margin:0;padding:0;position:relative}.page-body-controls:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;border-top:1px solid rgba(110,168,255,.45);border-right:1px solid rgba(110,168,255,.45);border-top-right-radius:14px;background:#0e1425;pointer-events:none}.page-body-content{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(110,168,255,.45);border-top:none;border-radius:0 0 12px 12px;padding:0 12px 12px;background:#0e1425}.page-table{flex:1;max-height:none;height:100%}.hero{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:center}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:1.8px;font-size:12px;margin:0 0 10px}.lead{margin:0 0 22px;color:var(--muted);font-size:16px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 16px;border-radius:12px;border:1px solid rgba(110,168,255,.45);color:var(--text);font-weight:700;background:linear-gradient(180deg,#6ea8ff38,#6ea8ff1f)}.cta.ghost{background:transparent;color:var(--muted);border-color:#ffffff24}.hero-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:#ffffff08;display:grid;gap:16px}.price-header{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.price-value{font-size:clamp(32px,3.2vw,44px);font-weight:700}.price-meta{color:var(--muted);font-size:13px}.metric{display:grid;gap:4px}.metric .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.metric .value{font-size:16px;font-weight:700}.page-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.page-header.panel{width:100%;padding:10px 20px}.pill{padding:6px 12px;border-radius:999px;font-size:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.muted{color:var(--muted);margin:6px 0 0}input{width:100%;margin:10px 0;padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;transition:border-color .15s ease,background .15s ease}input::placeholder{color:#e6edf773}input:focus{border-color:#6ea8ff8c;background:#ffffff0f}button{width:100%;margin-top:10px;padding:12px;border-radius:12px;border:1px solid rgba(110,168,255,.35);background:linear-gradient(180deg,#6ea8ff38,#6ea8ff1f);color:var(--text);font-weight:700;cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}button:hover{border-color:#6ea8ff99;background:linear-gradient(180deg,#6ea8ff47,#6ea8ff29)}button:active{transform:translateY(1px)}pre{width:min(420px,100%);margin:14px 0 0;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:#00000040;color:var(--muted);overflow:auto}.hidden,[data-panel]{display:none}.active[data-panel]{display:block}#countries .active[data-panel=globe]{display:flex;justify-content:center;align-items:center;flex:1;padding:0}.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}.grid-2>.panel{width:100%}@media (max-width: 900px){.grid-2,.hero{grid-template-columns:1fr}.topbar{flex-direction:column;gap:10px;align-items:flex-start}}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:#ffffff08;--countries-panel-height: clamp(360px, 56vh, 620px)}#countries [data-panel]{padding-top:12px;padding-bottom:12px}#countries .page-body-content{padding:0}#countries [data-panel=table],#countries [data-panel=total]{padding:12px}.panel h4{margin:0 0 10px;font-size:14px;color:var(--muted)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-header>div{display:flex;align-items:center;gap:10px}.countries-meta{display:flex;gap:16px;align-items:center;justify-content:flex-end;text-align:right}.countries-meta .meta{font-size:16px}.countries-meta strong{color:var(--text);font-weight:700}.meta{font-size:12px;color:var(--muted)}#countriesTable{width:100%;border-collapse:separate;border-spacing:0;min-width:1100px;--delta-space: 40px}.value{display:block;text-align:right}.delta{font-size:12px;font-weight:600}.delta-slot{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:var(--delta-space);text-align:right}.delta.up{color:#4ade80}.delta.down{color:#f87171}.country-chart canvas,#countriesTotalChart,#rewardsChart,#templateChart,.rewards-node-chart{width:100%;height:260px}.table-wrap{width:100%;overflow:auto;position:relative}#countries .active[data-panel=table] .table-wrap{max-height:var(--countries-panel-height)}.globe-wrap{width:100%;height:var(--countries-panel-height);min-height:320px;border-radius:12px;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(110,168,255,.14),transparent 50%),radial-gradient(circle at 80% 0%,rgba(255,110,199,.12),transparent 45%),#080c1299;border:1px solid rgba(255,255,255,.08)}#countriesGlobe canvas{width:100%!important;height:100%!important;display:block;margin:0 auto}.globe-marker{display:grid;gap:4px;padding:6px 8px;border-radius:10px;background:#0a0e16e0;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:11px;box-shadow:0 10px 30px #00000059;pointer-events:auto}.globe-marker .title{font-weight:700}.globe-marker .line{color:var(--muted)}#dailyTable{width:100%;border-collapse:collapse;table-layout:fixed}#dailyTable th,#dailyTable td{padding:6px;border-bottom:1px solid rgba(255,255,255,.08);text-align:right}#dailyTable th:first-child,#dailyTable td:first-child{text-align:left;white-space:nowrap;width:110px}#dailyTable th:nth-child(2),#dailyTable td:nth-child(2){width:70px}#countriesTable th,#countriesTable td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:right;white-space:nowrap}#countriesTable thead th{position:sticky;top:0;z-index:2;background:#090e16fa;box-shadow:0 1px #ffffff14}#countriesTable thead{position:sticky;top:0;z-index:3}#countriesTable tbody tr.country-row{cursor:pointer}#countriesTable tbody tr.country-row.expanded{background:#6ea8ff14}#countriesTable tr.country-details td{padding:10px 12px 14px;background:#080c1299;border-bottom:1px solid rgba(255,255,255,.08)}.country-chart{width:100%}.country-chart-status{font-size:12px;color:var(--muted);margin-bottom:6px}.country-chart canvas{width:100%;height:40vh;display:block}.rewards-page [data-panel=chart] .country-chart canvas{height:min(40vh,360px)}#countriesTable th.align-left,#countriesTable td.align-left{text-align:left}#countriesTable th.align-center,#countriesTable td.align-center{text-align:center}#countriesTable th.delta-col{padding-right:calc(8px + var(--delta-space))}#countriesTable td.delta-col{position:relative;padding-right:calc(8px + var(--delta-space))}#countriesTable th[data-sort-key]{cursor:pointer;position:relative}#countriesTable th[data-sort-key]:after{content:"\2195";margin-left:6px;font-size:16px;font-weight:700;color:var(--muted)}#countriesTable th[data-sort-key][data-sort-dir=asc]:after{content:"\2191";color:#4ade80}#countriesTable th[data-sort-key][data-sort-dir=desc]:after{content:"\2193";color:#f87171}#countriesTable tfoot td{font-weight:700;border-top:1px solid rgba(255,255,255,.2)}.countries-total{padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080c1299;display:grid;gap:12px}.countries-total-full{min-height:0;height:100%;grid-template-rows:auto auto 1fr}.countries-total-full .countries-total-chart{height:auto}.countries-total-full .countries-total-chart canvas{height:auto}.countries-total-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.countries-total-title{font-size:14px;font-weight:700;color:var(--text)}.countries-total-meta{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.countries-total-chart canvas{height:220px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.logout{width:auto;margin-top:0;padding:10px 14px;border-radius:10px}.auth-toggle.logged-out{border-color:#46be7880;background:linear-gradient(180deg,#46be7847,#46be7824)}.auth-toggle.logged-in{border-color:#dc565699;background:linear-gradient(180deg,#dc565647,#dc565629)}.auth-modal{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#050a12b8;backdrop-filter:blur(6px)}.auth-modal.hidden{display:none}.rewards-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-start}.table-header,.panel-buttons,.page-tabs{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:0}.page-tabs{justify-content:flex-start;gap:2px;padding-bottom:14px;border-bottom:none;width:fit-content;align-self:flex-start;margin-bottom:0;position:relative;top:-1px;background:none}.page-tabs:after{content:"";position:absolute;left:0;right:0;top:calc(100% - 14px);bottom:0;background:#0c1424f5;z-index:0}.page-tabs button{position:relative;z-index:1}.page-tabs:before{content:"";position:absolute;left:0;top:calc(100% - 14px);bottom:-1px;width:1px;background:#6ea8ff73;z-index:1}.page-tabs button{padding:8px 12px 7px;font-size:12px;border-radius:8px 8px 0 0;border-color:#ffffff1f;border-bottom-color:transparent;background:#ffffff0a;color:var(--muted);position:relative;top:1px}.page-tabs button.active{background:#0e1425;color:var(--text);border-color:#6ea8ff73;border-bottom-color:transparent;box-shadow:none;z-index:1;border-bottom-left-radius:0;border-bottom-right-radius:0}.rewards-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.header-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.summary-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.summary-value{font-size:16px;font-weight:700}.rewards-total{font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:.3px}.page-panel{flex:1;min-height:0;overflow:auto;max-height:none;width:100%;position:relative}.page-shell .page-panel.active{display:flex;flex-direction:column;height:100%;flex:1}#template .page-panel.active table{height:100%;table-layout:fixed}#countries .page-panel.active[data-panel=globe]{justify-content:center;align-items:center;padding:0}#countries .page-panel.active[data-panel=total]{overflow:hidden}.rewards-flat-wrap{max-height:none;overflow:visible}.rewards-table{width:100%;border-collapse:collapse}.rewards-table th,.rewards-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:14px}.rewards-table th{cursor:pointer;font-weight:700;color:var(--text)}.pivot-row .pivot-cell{padding:8px 12px}.pivot-row.expandable{cursor:pointer}.pivot-row.expanded{background:#6ea8ff14}.pivot-row.expandable .pivot-label:before{content:"\25b8";display:inline-block;margin-right:6px;color:var(--muted)}.pivot-row.expanded .pivot-label:before{content:"\25be"}.rewards-table th.sort-asc:after{content:" \25b2";font-size:11px;color:var(--muted)}.rewards-table th.sort-desc:after{content:" \25bc";font-size:11px;color:var(--muted)}.auth-card{width:min(520px,100%);padding:22px;border-radius:16px;border:1px solid var(--border);background:#0c1424f5;box-shadow:0 30px 80px #0000008c}.auth-form{margin-top:12px}.auth-label{display:block;margin:8px 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}select{width:100%;margin:8px 0 12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none}select:focus{border-color:#6ea8ff8c;background:#ffffff0f}.auth-error{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,99,99,.35);background:#ff63631f;color:#ffb3b3;font-weight:600}.auth-table-wrap{max-height:min(52vh,360px);overflow:auto;border-radius:14px;border:1px solid var(--border);background:#ffffff05}.auth-table{width:100%;border-collapse:collapse}.auth-table th,.auth-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.auth-table tbody tr{cursor:pointer;transition:background .12s ease,border-color .12s ease}.auth-table tbody tr:hover{background:#6ea8ff14}.auth-table tbody tr.selected{background:#6ea8ff29;box-shadow:inset 0 0 0 1px #6ea8ff73}