:root{--primary-color:#5b6ef0;--secondary-color:#7f63d9;--accent-color:#d874f1;--primary-rgb:91,110,240;--secondary-rgb:127,99,217;--accent-rgb:216,116,241;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--surface-color:rgba(255,255,255,0.74);--glass-color:rgba(255,255,255,0.16);--glass-strong-color:rgba(255,255,255,0.86);--text-primary:#0f172a;--text-secondary:#4b5563;--text-tertiary:#64748b;--border-color:rgba(255,255,255,0.45);--bg-gradient-start:#6f7df0;--bg-gradient-mid:#7f67d7;--bg-gradient-end:#d275e5;--input-bg:rgba(255,255,255,0.88);--input-border:rgba(203,213,225,0.92);--table-bg:rgba(255,255,255,0.88);--table-hover:rgba(91,110,240,0.08);--shadow-strong:0 28px 60px -18px rgba(15,23,42,0.24)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--text-primary);font-family:Inter,Avenir Next,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 22%,rgba(255,255,255,.08));z-index:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.gradient-bg{position:relative;min-height:100dvh}.page-shell__inner{position:relative;z-index:1;width:min(1200px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.glass-strong{background:var(--glass-strong-color);border:1px solid rgba(255,255,255,.58);box-shadow:var(--shadow-strong),inset 0 1px 0 rgba(255,255,255,.44);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.card{position:relative;overflow:hidden;border-radius:16px;background:var(--surface-color);border:1px solid rgba(255,255,255,.56);box-shadow:0 18px 40px -18px rgba(15,23,42,.18);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-panel{position:relative;overflow:hidden;border-radius:16px;padding:28px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.52);box-shadow:0 28px 60px -24px rgba(15,23,42,.25),inset 0 1px 0 rgba(255,255,255,.42);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.hero-panel__head{display:flex;align-items:stretch;gap:24px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9999px;color:#334155;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);font-size:13px;font-weight:700;letter-spacing:0}.hero-eyebrow svg{width:16px;height:16px}.header-title{margin:18px 0 0;color:#0f172a;font-size:clamp(44px,7vw,88px);line-height:.96;font-weight:700;letter-spacing:-.02em;text-shadow:0 1px 0 rgba(255,255,255,.42)}.hero-copy{max-width:520px;margin-top:18px;color:#475569;font-size:18px;line-height:1.7}.api-input-wide-card{margin-top:24px;padding:20px;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.56);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 25px 50px -18px rgba(15,23,42,.22),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.26);transition:transform .25s ease,box-shadow .25s ease}.api-input-wide-card:hover{transform:translateY(-1px);box-shadow:0 32px 64px -12px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.14)}.wide-card-title{display:flex;align-items:center;gap:14px}.wide-card-title__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 15px -3px rgba(var(--primary-rgb),.25),0 4px 6px -2px rgba(var(--primary-rgb),.08)}.wide-card-title__icon svg{width:22px;height:22px}.wide-card-title h2{margin:0;color:var(--text-primary);font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.01em}.wide-card-title p{margin-top:4px;color:var(--text-secondary);font-size:14px;line-height:1.6}.api-input-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr) auto;grid-gap:16px;gap:16px;align-items:end;margin-top:18px}.field-block{display:flex;flex-direction:column;gap:8px;min-width:0}.field-block>span{color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.field-block--button{min-width:170px}.wide-card-input{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;min-height:52px;padding:0 16px;border-radius:12px;background:var(--input-bg);border:2px solid var(--input-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.08);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.wide-card-input:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2),0 10px 15px -3px rgba(0,0,0,.08);background:rgba(255,255,255,.98)}.wide-card-input svg{width:18px;height:18px;color:#4f46e5}.wide-card-input input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:16px}.wide-card-input input::placeholder{color:#9ca3af}.period-group{display:inline-flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.56);box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}.period-btn{min-height:36px;padding:6px 14px;border:0;border-radius:10px;color:#64748b;background:transparent;font-size:14px;font-weight:600;transition:all .2s ease}.period-btn:hover:not(.active){color:#0f172a;background:rgba(255,255,255,.82)}.period-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 4px rgba(var(--primary-rgb),.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;font-weight:600;letter-spacing:.01em;transition:all .25s ease}.btn-query{min-height:52px;padding:0 22px;font-size:15px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 15px -3px rgba(var(--primary-rgb),.26),0 4px 6px -2px rgba(var(--primary-rgb),.08)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 25px -5px rgba(var(--primary-rgb),.3),0 10px 10px -5px rgba(var(--primary-rgb),.1)}.btn-primary:disabled{opacity:.6;transform:none}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.wide-card-foot{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.query-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-ghost{min-height:42px;padding:0 14px;color:#334155;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.6);box-shadow:0 6px 16px rgba(15,23,42,.05)}.btn-ghost:hover{transform:translateY(-1px);background:rgba(255,255,255,.94)}.btn-ghost--soft{color:var(--primary-color)}.security-notice{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;color:#334155;font-size:14px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.62);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.security-notice svg{width:18px;height:18px;color:#10b981}.feedback{display:flex;align-items:center;gap:8px;min-height:24px;font-size:14px;font-weight:700}.feedback--error{color:var(--error-color)}.feedback--success{color:var(--success-color)}.tutorial-card{margin-top:18px;padding:20px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-kicker{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.section-head h2{margin:0;color:var(--text-primary);font-size:22px;line-height:1.25;font-weight:700}.section-badge,.section-chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:9999px;color:#3554d1;font-size:12px;font-weight:700;background:rgba(91,110,240,.12);border:1px solid rgba(91,110,240,.12)}.section-chip svg{width:15px;height:15px}.tutorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);grid-gap:16px;gap:16px;align-items:center}.tutorial-copy p{color:var(--text-secondary);font-size:15px;line-height:1.8}.tutorial-code{display:flex;flex-direction:column;gap:12px;align-items:stretch;padding:16px;border-radius:12px;background:rgba(var(--primary-rgb),.04);border:1px solid rgba(var(--primary-rgb),.12)}.tutorial-code code{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.92);color:var(--primary-color);font-family:SF Mono,Roboto Mono,Consolas,monospace;font-size:14px}.tutorial-routes{display:flex;flex-wrap:wrap;gap:8px}.tutorial-routes span{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:9999px;color:var(--text-secondary);font-size:12px;font-weight:700;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.4)}.dashboard{display:grid;grid-gap:18px;gap:18px;margin-top:18px}.info-card{padding:20px}.info-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.info-item{min-height:84px;padding:14px;border-radius:12px;background:rgba(255,255,255,.64);border:1px solid rgba(91,110,240,.12)}.info-item span{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.info-item strong{display:block;margin-top:8px;color:var(--text-primary);font-size:15px;line-height:1.5;overflow-wrap:anywhere}.stats-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.spend-card{display:flex;min-height:156px;align-items:center;gap:22px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,248,242,.72) 55%,rgba(255,255,255,.64)),radial-gradient(circle at 85% 20%,rgba(249,115,22,.2),transparent 36%)}.spend-card__icon{display:grid;flex:0 0 auto;width:76px;height:76px;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 18px 34px -18px rgba(239,68,68,.75),inset 0 1px 0 rgba(255,255,255,.32)}.spend-card__icon svg{width:34px;height:34px}.spend-card__content{min-width:0}.spend-card__content span{display:block;color:#7c2d12;font-size:14px;font-weight:800}.spend-card__content strong{display:block;max-width:100%;margin-top:8px;color:#0f172a;font-size:clamp(40px,6vw,68px);line-height:.96;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.spend-card__content p{margin:10px 0 0;color:#64748b;font-size:14px;font-weight:650}.stat-card{min-height:184px;padding:22px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,247,255,.68)),rgba(255,255,255,.66);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:hover{border-color:rgba(255,255,255,.74);box-shadow:0 24px 44px -24px rgba(15,23,42,.28);transform:translateY(-2px)}.stat-card p{margin-top:18px;color:#64748b;font-size:14px;font-weight:600}.stat-card strong{display:block;margin-top:8px;color:var(--text-primary);font-size:clamp(34px,3.8vw,46px);line-height:1;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;color:#fff;font-size:22px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.stat-icon svg{width:24px;height:24px}.stat-icon--emerald{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon--violet{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.stat-icon--cyan{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.stat-icon--rose{background:linear-gradient(135deg,#f97316,#ef4444)}.content-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-section{display:flex;height:100%;flex-direction:column;gap:1rem;padding:20px}.card-section--wide{grid-column:1/-1}.timeline{display:grid;grid-gap:12px;gap:12px}.timeline-row{display:grid;grid-template-columns:58px minmax(0,1fr) 50px;grid-gap:12px;gap:12px;align-items:center}.timeline-row>span{color:var(--text-secondary);font-size:13px;font-weight:600}.timeline-row strong{color:var(--text-primary);font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.rank-progress,.timeline-bar{height:10px;overflow:hidden;border-radius:9999px;background:rgba(91,110,240,.12)}.rank-progress b,.timeline-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.rank-list{display:grid;grid-gap:12px;gap:12px}.rank-item{display:grid;grid-gap:8px;gap:8px;padding:12px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid rgba(91,110,240,.12)}.rank-item__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rank-item__head strong{display:block;color:var(--text-primary);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item__head small{display:block;margin-top:4px;color:#8b5cf6;font-size:12px;font-weight:700}.rank-item__head span{color:#4b5563;font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-container{overflow-x:auto;border-radius:12px;background:rgba(255,255,255,.78)}table{width:100%;min-width:820px;border-collapse:collapse}td,th{padding:13px 12px;text-align:left;border-bottom:1px solid rgba(229,231,235,.9)}th{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.03em}td{color:var(--text-primary);font-size:14px}.table-row:hover{background:var(--table-hover)}.empty-state{display:grid;place-items:center;min-height:320px;padding:28px;text-align:center}.empty-state__icon{display:grid;width:72px;height:72px;place-items:center;margin-bottom:18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 15px -3px rgba(var(--primary-rgb),.2),0 4px 6px -2px rgba(var(--primary-rgb),.08)}.empty-state__icon svg{width:32px;height:32px}.empty-state h2{margin:0;color:var(--text-primary);font-size:22px;line-height:1.25;font-weight:700}.empty-state p{max-width:560px;margin-top:12px;color:#4b5563;font-size:15px;line-height:1.8}.muted{color:#64748b}.floating-refresh{position:fixed;right:22px;bottom:22px;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:9999px;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 15px -3px rgba(var(--primary-rgb),.24),0 4px 6px -2px rgba(var(--primary-rgb),.08)}.floating-refresh svg{width:20px;height:20px}@media (max-width:1024px){.api-input-grid,.content-grid,.tutorial-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-block--button{min-width:0}.card-section--wide{grid-column:auto}}@media (max-width:768px){.page-shell__inner{width:min(100% - 22px,1200px);padding-top:14px}.api-input-wide-card,.card-section,.hero-panel,.info-card,.tutorial-card{padding:16px}.hero-panel__head{flex-direction:column}.header-title{font-size:48px}.wide-card-title{align-items:flex-start}.wide-card-title h2{font-size:22px}.api-input-grid{gap:12px}.info-grid{grid-template-columns:1fr}.spend-card{align-items:flex-start;padding:18px}.spend-card__icon{width:64px;height:64px;border-radius:18px}.timeline-row{grid-template-columns:48px minmax(0,1fr) 42px;gap:8px}.floating-refresh{right:14px;bottom:14px}}@media (max-width:480px){.hero-copy{font-size:16px}.header-title{font-size:42px}.section-head{flex-direction:column}.section-badge,.section-chip{align-self:flex-start}.wide-card-input{min-height:48px;padding-inline:12px}.query-actions{flex-direction:column}.query-actions .btn{width:100%}.period-btn{padding-inline:10px}.btn-query{min-height:48px}.spend-card{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:156px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}