:root{--bg:#08080a;--gold:#c9a24b}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.hub{padding:calc(env(safe-area-inset-top) + 36px) 18px 48px;max-width:620px;margin:0 auto;position:relative}.hub:before{content:"";position:fixed;top:-25%;left:50%;transform:translateX(-50%);width:130vw;height:60vh;background:radial-gradient(ellipse at center,rgba(201,162,75,.1),transparent 65%);pointer-events:none;z-index:0;animation:breathe 7s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.hub-header{text-align:center;margin-bottom:34px;position:relative;z-index:1;opacity:0;animation:fadeUp .8s ease forwards}.eyebrow{font-size:12px;letter-spacing:6px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.brand-title{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:27px;letter-spacing:.5px}.subtitle{color:#6e6e72;font-size:13px;margin-top:9px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;z-index:1}.grid,.tile{position:relative}.tile{min-height:138px;border-radius:20px;background:#131316;border:1px solid #232327;overflow:hidden;text-decoration:none;color:#f5f5f5;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;cursor:pointer;opacity:0;transform:translateY(14px);animation:fadeUp .6s ease forwards;transition:transform .15s ease}.tile:active{transform:scale(.96)}.tile:before{content:"";position:absolute;top:-40%;right:-30%;width:130px;height:130px;border-radius:50%;background:var(--c);filter:blur(38px);opacity:.22;animation:pulse 4s ease-in-out infinite;animation-delay:var(--d)}@keyframes pulse{0%,to{opacity:.14;transform:scale(.9)}50%{opacity:.34;transform:scale(1.12)}}.topline{position:absolute;top:15px;left:16px;display:flex;align-items:center;gap:9px}.dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);flex-shrink:0;animation:glow 3s ease-in-out infinite;animation-delay:var(--d)}@keyframes glow{0%,to{box-shadow:0 0 8px var(--c)}50%{box-shadow:0 0 18px var(--c)}}.ghost{position:relative;font-family:Georgia,serif;font-size:11px;letter-spacing:3px;font-weight:700;color:var(--c);opacity:.5;overflow:hidden;transform:translateX(-6px);animation:slideIn 5s ease-in-out infinite;animation-delay:var(--d)}@keyframes slideIn{0%{transform:translateX(-6px);opacity:.25}15%{transform:translateX(0);opacity:.85}85%{transform:translateX(0);opacity:.85}to{transform:translateX(-6px);opacity:.25}}.ghost:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(110deg,transparent,hsla(0,0%,100%,.9),transparent);mix-blend-mode:screen;animation:shimmer 4.5s ease-in-out infinite;animation-delay:var(--d)}@keyframes shimmer{0%,60%{left:-120%}80%,to{left:160%}}.tile .name{font-size:17px;font-weight:600}.tile .desc,.tile .name{position:relative;z-index:2}.tile .desc{font-size:12px;color:#8a8a90;margin-top:3px}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hub-footer{text-align:center;margin-top:38px;font-size:11px;letter-spacing:1px;color:#4a4a4e;position:relative;z-index:1}.stats{padding:calc(env(safe-area-inset-top) + 20px) 18px 48px;max-width:620px;margin:0 auto;position:relative}.stats-back{display:inline-flex;align-items:center;gap:6px;color:#8a8a90;text-decoration:none;font-size:14px;margin-bottom:22px}.stats-back:active{color:#fff}.stats-header{margin-bottom:26px}.stats-eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.stats-title{font-family:Georgia,serif;font-size:26px;font-weight:400}.kpi-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:22px}.kpi{background:#131316;border:1px solid #232327;border-radius:18px;padding:18px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;top:-50%;right:-30%;width:120px;height:120px;border-radius:50%;background:var(--accent);filter:blur(40px);opacity:.18}.kpi-label{font-size:12px;color:#8a8a90;margin-bottom:8px}.kpi-value{font-size:28px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-title{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#6e6e72;margin:26px 0 14px}.bar-row{margin-bottom:13px}.bar-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.bar-head .val{color:#b9b9bf;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-track{height:8px;background:#1c1c20;border-radius:99px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:var(--accent);width:0;animation:growBar 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes growBar{to{width:var(--w)}}.sales-list{display:flex;flex-direction:column;gap:8px}.sale{display:flex;justify-content:space-between;align-items:center;background:#131316;border:1px solid #232327;border-radius:12px;padding:12px 14px;font-size:13px}.sale .left{color:#f5f5f5}.sale .meta{color:#6e6e72;font-size:11px;margin-top:2px}.sale .amount{color:var(--accent);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error,.loading{text-align:center;color:#8a8a90;padding:60px 20px;font-size:14px}.spinner{width:30px;height:30px;border:3px solid #232327;border-top:3px solid var(--gold);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important}.ghost{opacity:.6!important;transform:none!important}.ghost:after{display:none}.bar-fill{width:var(--w)!important}}