*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14171f;background:#f3f5f8}button,input{font:inherit}button{border:0;border-radius:8px;background:#20283a;color:#fff;min-height:38px;padding:0 14px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{min-height:100vh;padding-bottom:78px}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fffffff0;border-bottom:1px solid #dde2ea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px}.brandIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#e7efff;color:#2452c8}.brand span{display:block;font-size:12px;color:#697285}.brand .sessionMeta{margin-top:2px;color:#2452c8;font-weight:600}.headerActions{display:flex;gap:8px;align-items:center}.ghostButton{background:transparent;color:#4e5667;border:1px solid #cdd4df}.content{width:min(980px,100%);margin:0 auto;padding:16px}.errorBanner{margin-bottom:12px;padding:12px 14px;border:1px solid #f0b8b8;border-radius:8px;background:#fff0f0;color:#9a2b2b}.paymentBanner{margin-bottom:12px;padding:12px 14px;border:1px solid #b9d2c5;border-radius:8px;background:#effaf4;color:#17633a}.summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px;background:#fff;border:1px solid #dde2ea;border-radius:8px}.summary h1{margin:0;font-size:28px;line-height:1.1}.summary p{margin:5px 0 0;color:#677184}.summaryActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.summaryActions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.summaryActions .buyoutButton{background:#2452c8}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;color:#fff;font-weight:800;flex:none}.section{margin-top:18px}.section h2{margin:0 0 10px;font-size:18px}.list{display:grid;gap:10px}.playerCard,.productCard,.rankRow,.adminProduct,.empty,.feed{background:#fff;border:1px solid #dde2ea;border-radius:8px}.playerCard{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px}.playerTitle strong,.playerTitle span{display:block}.playerTitle span{color:#697285;font-size:13px;margin-top:2px}.metaGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.metaGrid span{padding:6px 8px;border-radius:7px;background:#f1f4f8;color:#465063;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary{background:#2452c8}.inlineActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.inlineActions button{display:inline-flex;align-items:center;gap:5px;min-height:32px;background:#eef2f7;color:#20283a}.inlineActions .upgradeButton{background:#2452c8;color:#fff}.feed{display:grid;gap:1px;overflow:hidden}.feed div{padding:11px 12px;border-bottom:1px solid #edf0f4}.feed div:last-child{border-bottom:0}.empty{padding:18px;color:#687387}.rankRow{display:grid;grid-template-columns:34px auto 1fr auto;gap:10px;align-items:center;padding:12px}.rankRow em{font-style:normal;color:#2452c8;font-weight:700}.productCard{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px}.productCard p{margin:4px 0 0;color:#687387}.referralBox{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px;background:#fff;border:1px solid #dde2ea;border-radius:8px}.referralBox button,.backButton{display:inline-flex;align-items:center;justify-content:center;gap:6px}.backButton{margin-bottom:10px;background:#eef2f7;color:#20283a}.friendProfile{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px;background:#fff;border:1px solid #dde2ea;border-radius:8px}.friendProfile h2{margin:0 0 5px}.friendProfile p{margin:0;color:#687387}.settingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.settingsGrid label,.adminProduct{display:grid;gap:7px;padding:12px;background:#fff;border:1px solid #dde2ea;border-radius:8px}.settingsGrid span{color:#566075;font-size:13px}.adminTabs{display:flex;flex-wrap:wrap;gap:8px}.adminTabs button{min-height:34px;background:#eef2f7;color:#20283a}.adminTabs button.active{background:#2452c8;color:#fff}.adminSearch{margin-bottom:10px;background:#fff}.adminList{gap:8px}.adminRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid #dde2ea;border-radius:8px}.adminRow p{margin:4px 0 0;color:#657186;font-size:12px}.adminActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.adminActions button,.adminCreateButton{min-height:32px;background:#eef2f7;color:#20283a}.adminFieldWithButton{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.adminFieldWithButton button{min-height:36px;background:#2452c8;color:#fff}.adminCreateButton{margin-bottom:10px}.dangerButton{background:#fff0f0;color:#9a2b2b;border:1px solid #f0b8b8}input{width:100%;min-height:36px;border:1px solid #cbd3df;border-radius:7px;padding:7px 9px}.adminProduct{display:grid;gap:12px}.adminProductTitle{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.adminProductTitle span{color:#697285;font-size:12px}.adminProductFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.adminProductFields label{display:grid;gap:6px;color:#566075;font-size:12px}.adminProductFields .wideField{grid-column:span 3}.adminProductFields .toggleField{display:flex;align-items:center;color:#20283a}.adminProductFields .toggleField input{width:18px;min-height:18px}.bottomNav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));background:#fffffff5;border-top:1px solid #dde2ea}.navButton{display:grid;place-items:center;gap:2px;min-height:52px;background:transparent;color:#657186;padding:4px}.navButton span{font-size:12px}.navButton.active{color:#2452c8;background:#eaf0ff}@media(max-width:720px){.topbar{padding:12px}.headerActions{gap:5px}.headerActions .ghostButton{padding:0 9px}.summary{grid-template-columns:auto 1fr}.summaryActions{grid-column:1 / -1;justify-content:stretch}.summaryActions button{flex:1 1 120px}.playerCard,.productCard{grid-template-columns:auto 1fr}.playerCard>.primary,.productCard>button{grid-column:1 / -1}.metaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminProductFields{grid-template-columns:1fr}.adminProductFields .wideField{grid-column:auto}.adminRow{grid-template-columns:auto 1fr}.adminActions{grid-column:1 / -1;justify-content:stretch}.adminActions button{flex:1 1 110px}.adminFieldWithButton,.referralBox{grid-template-columns:1fr}.referralBox button{width:100%}.navButton span{font-size:11px}}
