:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16181d;background:#f4f5f8;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f5f8;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--text: #16181d;--muted: #747985;--line: rgba(20, 24, 32, .08);--accent: #17191f;--accent-text: #ffffff;--positive: #16865c;--warning: #a66a12;--shadow: 0 18px 50px rgba(26, 31, 44, .08)}:root[data-theme=dark]{--bg: #0f1115;--surface: rgba(26, 29, 36, .94);--surface-strong: #1a1d24;--text: #f4f5f8;--muted: #9ca2ad;--line: rgba(255, 255, 255, .08);--accent: #f4f5f8;--accent-text: #111318;--positive: #58d7a4;--warning: #f0b75e;--shadow: none}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{touch-action:manipulation}button:disabled{opacity:.58;cursor:wait}h1,h2,p{margin-top:0}.shell{width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}.auth-shell{display:grid;place-items:center}.hero-card,.state-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{width:100%;padding:34px 24px;border-radius:30px;text-align:center}.brand-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 28px;border-radius:20px;background:var(--accent);color:var(--accent-text);font-weight:800;font-size:26px}.hero-card h1{font-size:clamp(30px,9vw,44px);letter-spacing:-.045em;line-height:1.02}.hero-card p{color:var(--muted);line-height:1.55}.primary-button,.secondary-button{width:100%;min-height:54px;border-radius:18px;font-weight:750;margin-top:16px}.primary-button{border:0;background:var(--accent);color:var(--accent-text)}.secondary-button{border:1px solid var(--line);background:var(--surface-strong);color:var(--text)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{margin:4px 0 0;font-size:26px;letter-spacing:-.04em}.eyebrow{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.avatar{width:52px;height:52px;object-fit:cover;border-radius:18px;background:var(--surface-strong)}.avatar-fallback{display:grid;place-items:center;font-weight:800}.status-shell{display:flex;flex-direction:column}.state-card{position:relative;overflow:hidden;padding:28px 22px 22px;border-radius:30px}.state-card:before{content:"";position:absolute;width:190px;height:190px;right:-105px;top:-105px;border-radius:50%;background:color-mix(in srgb,var(--accent) 7%,transparent);pointer-events:none}.state-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:24px;border-radius:21px;background:var(--accent);color:var(--accent-text);font-weight:850;font-size:27px}.state-card h2{margin-bottom:10px;font-size:clamp(28px,8vw,38px);line-height:1.05;letter-spacing:-.045em}.state-card>p{color:var(--muted);line-height:1.58}.state-card-success .state-icon{background:var(--positive);color:#fff}.state-card-warning .state-icon{background:var(--warning);color:#fff}.privacy-note{display:grid;gap:5px;margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong)}.privacy-note strong{font-size:14px}.privacy-note span{color:var(--muted);font-size:13px;line-height:1.45}.profile-preview{display:flex;align-items:center;gap:13px;margin:22px 0 4px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong)}.profile-preview img,.profile-placeholder{width:50px;height:50px;flex:0 0 50px;border-radius:17px;object-fit:cover}.profile-placeholder{display:grid;place-items:center;background:var(--accent);color:var(--accent-text);font-weight:800}.profile-preview div:last-child{min-width:0;display:grid;gap:4px}.profile-preview strong,.profile-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-preview span{color:var(--muted);font-size:13px}.status-pulse{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--muted);font-size:14px}.status-pulse span{width:10px;height:10px;border-radius:50%;background:var(--warning);box-shadow:0 0 color-mix(in srgb,var(--warning) 50%,transparent);animation:pulse 1.8s infinite}.status-list{margin-top:18px;border-top:1px solid var(--line)}.status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.status-row span{color:var(--muted)}.status-row strong{max-width:55%;text-align:right;overflow-wrap:anywhere}.request-id{margin-top:16px!important;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);color:var(--muted);font-size:13px;overflow-wrap:anywhere}.auth-spinner{width:34px;height:34px;margin:22px auto 0;border:3px solid var(--line);border-top-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}.auth-error-detail{margin:16px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);color:var(--muted);font-size:13px;overflow-wrap:anywhere}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}@media(min-width:700px){.shell{padding-left:0;padding-right:0}}:root{--dashboard-bg:#f3f4f7;--dashboard-card:rgba(255,255,255,.92);--dashboard-card-strong:#fff;--dashboard-text:#111318;--dashboard-muted:#7b8190;--dashboard-line:rgba(17,19,24,.075);--dashboard-accent:#6d5dfc;--dashboard-shadow:0 18px 45px rgba(24,28,40,.075) }:root[data-theme=dark]{--dashboard-bg:#0c0e12;--dashboard-card:rgba(24,27,34,.92);--dashboard-card-strong:#171a21;--dashboard-text:#f7f8fa;--dashboard-muted:#989eaa;--dashboard-line:rgba(255,255,255,.08);--dashboard-shadow:none}.app-shell{width:min(100%,620px);min-height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));background:var(--dashboard-bg);color:var(--dashboard-text)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 20px}.app-header h1{margin:5px 0 0;font-size:clamp(28px,8vw,38px);line-height:1;letter-spacing:-.052em}.header-avatar{width:52px;height:52px;flex:0 0 52px;border:0;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#111318,#383c48);color:#fff;font-weight:800;font-size:19px;box-shadow:0 10px 25px #1113182e}.header-avatar img{width:100%;height:100%;object-fit:cover}.content{display:grid;gap:14px}.panel,.metric-card,.balance-card{border:1px solid var(--dashboard-line);background:var(--dashboard-card);box-shadow:var(--dashboard-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{border-radius:26px;padding:20px}.balance-card{overflow:hidden;position:relative;border-radius:30px;padding:23px;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.22),transparent 31%),linear-gradient(135deg,#151820 2%,#292b37 53%,#6d5dfc 150%);box-shadow:0 24px 55px #191b2636}.balance-card:after{content:"";position:absolute;width:170px;height:170px;right:-80px;bottom:-110px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 22px #ffffff09,0 0 0 48px #ffffff06}.balance-top,.balance-meta,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.balance-top{position:relative;z-index:1;color:#ffffffb8;font-size:13px}.balance-card>strong{position:relative;z-index:1;display:block;margin:18px 0 19px;font-size:clamp(42px,13vw,64px);letter-spacing:-.065em;line-height:.95}.balance-meta{position:relative;z-index:1;color:#ffffffc2;font-size:13px}.balance-meta button{border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;min-height:34px;border-radius:12px;padding:0 13px;font-size:12px;font-weight:700}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);background:#ffffff17;border-radius:99px;color:#fff;font-size:11px;font-weight:700}.live-pill i{width:7px;height:7px;background:#5be49b;border-radius:50%;box-shadow:0 0 0 4px #5be49b21}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-card{min-width:0;display:grid;gap:7px;padding:15px 13px;border-radius:21px}.metric-card strong{font-size:clamp(20px,6vw,28px);letter-spacing:-.045em;overflow:hidden;text-overflow:ellipsis}.metric-card>span:last-child{color:var(--dashboard-muted);font-size:11px;font-weight:650}.metric-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;font-size:13px;font-weight:900}.metric-icon.amber{background:#fff2d7;color:#bd7411}.metric-icon.red{background:#ffe4e6;color:#e04454}.metric-icon.blue{background:#e5efff;color:#3378e8}.metric-icon.violet{background:#eeeaff;color:#6d5dfc}:root[data-theme=dark] .metric-icon.amber{background:#bd741129}:root[data-theme=dark] .metric-icon.red{background:#e0445429}:root[data-theme=dark] .metric-icon.blue{background:#3378e829}:root[data-theme=dark] .metric-icon.violet{background:#6d5dfc2e}.section-head h2,.page-title h2{margin:3px 0 0;font-size:24px;letter-spacing:-.045em}.section-kicker{color:var(--dashboard-muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.circle-button{width:38px;height:38px;border:1px solid var(--dashboard-line);border-radius:13px;background:var(--dashboard-card-strong);color:var(--dashboard-text);font-weight:800}.text-button{border:0;background:none;color:var(--dashboard-accent);font-weight:750}.periods{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:17px 0 5px;padding:4px;border-radius:15px;background:color-mix(in srgb,var(--dashboard-text) 5%,transparent)}.periods button{min-height:36px;border:0;border-radius:11px;background:transparent;color:var(--dashboard-muted);font-size:12px;font-weight:750}.periods button.active{background:var(--dashboard-card-strong);color:var(--dashboard-text);box-shadow:0 4px 13px #191c2614}.chart-panel{padding-bottom:12px}.page-title{padding:7px 3px 2px}.page-title h2{font-size:34px}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid .metric-card{min-height:120px}.full-chart{padding-top:10px}.country-list{display:grid;gap:17px;margin-top:20px}.country-row{display:grid;grid-template-columns:minmax(85px,1fr) 2fr;gap:13px;align-items:center;font-size:13px}.country-row>span{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.country-row>div{position:relative;height:30px;display:flex;align-items:center;justify-content:flex-end;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--dashboard-text) 5%,transparent)}.country-row i{position:absolute;inset:0 auto 0 0;border-radius:10px;background:linear-gradient(90deg,#6d5dfc,#8b7fff);min-width:5px}.country-row b{position:relative;z-index:1;padding-right:9px;font-size:11px}.gifter-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--dashboard-line)}.gifter-row:last-child{border-bottom:0}.rank{width:22px;color:var(--dashboard-muted);font-size:11px;text-align:center;font-weight:850}.rank-1{color:#d79a17}.rank-2{color:#8a93a3}.rank-3{color:#b87345}.gifter-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e8e4ff,#d7d1ff);color:#5b4bd6;font-weight:850}:root[data-theme=dark] .gifter-avatar{background:#6d5dfc2b;color:#a69cff}.gifter-name{min-width:0;flex:1;display:grid;gap:3px}.gifter-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.gifter-name span,.gifter-value span{color:var(--dashboard-muted);font-size:11px}.gifter-value{text-align:right;display:grid;gap:3px}.gifter-value strong{font-size:13px}.leaderboard{padding-top:7px;padding-bottom:7px}.profile-hero{display:flex;align-items:center;gap:15px}.profile-hero img,.avatar-large{width:70px;height:70px;border-radius:23px;object-fit:cover}.avatar-large{display:grid;place-items:center;background:#111318;color:#fff;font-size:26px;font-weight:850}.profile-hero>div:nth-child(2){min-width:0;flex:1}.profile-hero h2{margin:0 0 5px;font-size:22px}.profile-hero span{color:var(--dashboard-muted)}.verified{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#6d5dfc;color:#fff!important;font-size:12px;font-weight:900}.settings-list{padding-top:4px;padding-bottom:4px}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--dashboard-line)}.setting:last-child{border:0}.setting span{color:var(--dashboard-muted);font-size:13px}.setting strong{font-size:13px;text-align:right}.logout-button{min-height:54px;border:1px solid rgba(224,68,84,.18);border-radius:18px;background:#e0445414;color:#dd4352;font-weight:800}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 24px),596px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;border:1px solid var(--dashboard-line);border-radius:23px;background:color-mix(in srgb,var(--dashboard-card-strong) 88%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 40px #171a2429}.bottom-nav button{min-width:0;min-height:57px;border:0;border-radius:17px;display:grid;place-items:center;align-content:center;gap:4px;background:transparent;color:var(--dashboard-muted)}.bottom-nav button span{font-size:21px;line-height:1}.bottom-nav button small{font-size:9px;font-weight:750}.bottom-nav button.active{background:var(--dashboard-text);color:var(--dashboard-bg);box-shadow:0 8px 18px #1113182b}.skeleton{border-radius:18px;margin-top:15px;background:linear-gradient(100deg,color-mix(in srgb,var(--dashboard-text) 5%,transparent) 20%,color-mix(in srgb,var(--dashboard-text) 10%,transparent) 38%,color-mix(in srgb,var(--dashboard-text) 5%,transparent) 55%);background-size:200% 100%;animation:shimmer 1.35s infinite linear}.empty{min-height:155px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--dashboard-muted);text-align:center}.empty span{font-size:29px}.empty p{margin:0;font-size:13px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid rgba(224,68,84,.16);border-radius:20px;background:#e0445412}.error-banner div{display:grid;gap:4px}.error-banner strong{font-size:13px}.error-banner span{color:var(--dashboard-muted);font-size:11px}.error-banner button{border:0;border-radius:12px;padding:10px 12px;background:#dd4352;color:#fff;font-size:11px;font-weight:800}@keyframes shimmer{to{background-position-x:-200%}}@media(max-width:360px){.app-shell{padding-left:12px;padding-right:12px}.metric-card{padding:13px 10px}.metric-grid{gap:7px}.panel{padding:17px}.bottom-nav{width:calc(100% - 16px)}}@media(min-width:700px){.app-shell{padding-left:0;padding-right:0}.bottom-nav{bottom:18px}}