:root{
    --hub-bg:#050b18; --hub-bg-2:#07111f; --hub-panel:#0d1729; --hub-panel-2:#111d33; --hub-line:rgba(111,150,255,.18);
    --hub-text:#f5f8ff; --hub-muted:#9aa9c5; --hub-blue:#1478ff; --hub-cyan:#21d4ff; --hub-purple:#7b4dff; --hub-green:#28ef91; --hub-yellow:#ffd54a;
    --hub-radius:18px; --hub-radius-sm:12px; --hub-shadow:0 18px 60px rgba(0,0,0,.38); --hub-glow:0 0 34px rgba(20,120,255,.28);
}
*{box-sizing:border-box} html{background:var(--hub-bg)} body.gixhub-body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,rgba(33,212,255,.10),transparent 28%),radial-gradient(circle at 80% 5%,rgba(123,77,255,.12),transparent 30%),linear-gradient(180deg,#050b18,#07101d 52%,#040813);color:var(--hub-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.hub-bg-orb{position:fixed;pointer-events:none;filter:blur(60px);opacity:.32;z-index:0}.hub-bg-orb-a{width:280px;height:280px;background:#0c7dff;left:34%;top:8%}.hub-bg-orb-b{width:300px;height:300px;background:#7b4dff;right:8%;top:22%}a{color:inherit;text-decoration:none}.gixhub-topbar{position:sticky;top:0;z-index:50;height:78px;display:flex;align-items:center;gap:22px;padding:0 28px;background:rgba(5,11,24,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--hub-line)}.brand-wrap{display:flex;align-items:center;gap:12px;min-width:240px}.sidebar-toggle,.icon-pill{border:1px solid var(--hub-line);background:rgba(17,29,51,.9);color:var(--hub-text);border-radius:14px;width:42px;height:42px;display:grid;place-items:center}.brand-mark{display:flex;align-items:center;gap:12px}.brand-cube{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#0fd5ff,#126bff 55%,#2d33ff);box-shadow:var(--hub-glow);font-size:24px}.brand-mark strong{display:block;font-size:25px;letter-spacing:.03em;line-height:1}.brand-mark small{display:block;color:var(--hub-muted);font-size:12px;margin-top:3px}.hub-search{height:46px;flex:1;max-width:750px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--hub-line);border-radius:14px;background:linear-gradient(180deg,rgba(20,31,55,.98),rgba(13,23,41,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.hub-search i{color:#a8b6d4;font-size:20px}.hub-search input{flex:1;background:transparent;border:0;outline:0;color:var(--hub-text);font-size:14px}.hub-search input::placeholder{color:#9aa9c5}.key-hint{font-size:11px;color:#b8c6df;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:8px;padding:3px 9px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.points-pill,.profile-pill{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:17px;background:rgba(9,18,34,.78);border:1px solid transparent;color:var(--hub-text)}.points-pill strong,.profile-pill strong{display:block;line-height:1}.points-pill small,.profile-pill small{display:block;color:var(--hub-muted);font-size:12px}.gem{color:var(--hub-cyan);filter:drop-shadow(0 0 10px rgba(33,212,255,.55))}.gem.xl{font-size:38px}.icon-pill{position:relative}.icon-pill em{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#8e4dff,#327dff);font-style:normal;font-size:11px;display:grid;place-items:center}.avatar-ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#19243e,#090f1d);border:2px solid var(--hub-blue);box-shadow:0 0 20px rgba(20,120,255,.35);font-weight:800}.gixhub-shell{position:relative;z-index:2;display:grid;grid-template-columns:240px minmax(0,1fr) 330px;gap:18px;padding:18px 16px 28px}.gixhub-sidebar,.gixhub-rail{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}.side-nav{padding:8px 0 18px;border-bottom:1px solid var(--hub-line);margin-bottom:14px}.side-link{height:42px;margin:4px 0;padding:0 14px;border-radius:12px;display:flex;align-items:center;gap:12px;color:#dce6f8;font-weight:600;font-size:14px}.side-link i{width:20px;color:#c4d1ed}.side-link b{margin-left:auto;font-size:11px;border-radius:999px;padding:3px 8px;background:linear-gradient(135deg,#1478ff,#7b4dff)}.side-link.is-active{background:linear-gradient(90deg,rgba(20,120,255,.32),rgba(33,212,255,.03));box-shadow:inset 3px 0 0 var(--hub-cyan);color:#fff}.side-card,.hub-panel,.rail-card{border:1px solid var(--hub-line);border-radius:var(--hub-radius);background:linear-gradient(180deg,rgba(17,29,51,.86),rgba(8,17,31,.86));box-shadow:var(--hub-shadow);backdrop-filter:blur(16px)}.side-card{padding:16px;margin-bottom:14px}.side-card h3,.rail-card h3,.hub-panel h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px}.main-stat{display:flex;gap:12px;align-items:center}.main-stat strong{font-size:22px}.main-stat small,.stat-mini span,.side-card p,.rail-card small,.hub-panel small{color:var(--hub-muted)}.stat-mini{display:flex;justify-content:space-between;margin-top:12px;font-size:13px}.hub-progress{height:6px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:8px 0}.hub-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hub-blue),var(--hub-purple))}.hub-progress.cyan span{background:linear-gradient(90deg,var(--hub-cyan),var(--hub-blue))}.stat-grid{display:grid;gap:8px;margin-top:14px}.stat-grid span{display:flex;justify-content:space-between;color:var(--hub-muted);font-size:13px}.stat-grid strong{color:#fff}.rewards-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(20,120,255,.22),rgba(123,77,255,.22)),linear-gradient(180deg,rgba(17,29,51,.9),rgba(8,17,31,.9))}.reward-bonus{position:absolute;right:12px;top:10px;background:linear-gradient(135deg,#7b4dff,#21d4ff);border-radius:999px;padding:5px 10px;font-weight:800}.hub-btn,.mini-btn{border:0;color:#fff;background:linear-gradient(135deg,#1478ff,#0b8cff 55%,#7b4dff);box-shadow:0 10px 25px rgba(20,120,255,.24);font-weight:800;border-radius:10px}.hub-btn{padding:10px 22px}.mini-btn{padding:7px 14px;font-size:13px}.mini-btn.open{background:linear-gradient(135deg,#6157ff,#8d45ff)}.ghost-btn{border:1px solid var(--hub-line);color:#fff;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 22px}.gixhub-main{min-width:0}.hub-tabs{display:flex;gap:10px;align-items:center;padding:8px;border-radius:15px;background:linear-gradient(180deg,rgba(17,29,51,.75),rgba(8,17,31,.75));border:1px solid rgba(111,150,255,.12);margin-bottom:14px;overflow:auto}.tab-link{height:38px;min-width:120px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;color:#dce6f8;font-weight:700;font-size:14px}.tab-link.is-active{background:linear-gradient(135deg,#325cff,#0c96ff);box-shadow:var(--hub-glow);color:#fff}.hero-panel{position:relative;min-height:215px;border-radius:var(--hub-radius);border:1px solid rgba(72,130,255,.38);overflow:hidden;background:radial-gradient(circle at 70% 45%,rgba(123,77,255,.44),transparent 34%),linear-gradient(90deg,rgba(10,21,40,.96),rgba(8,17,31,.7)),linear-gradient(135deg,#0b1430,#161a49);box-shadow:var(--hub-shadow);margin-bottom:16px}.hero-art-layer{position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,120,255,.2),transparent 35%),radial-gradient(circle at 65% 40%,rgba(33,212,255,.25),transparent 12%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 1px,transparent 1px 18px)}.hero-copy{position:relative;z-index:2;max-width:560px;padding:28px}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:rgba(42,62,173,.65);font-size:12px;font-weight:900;color:#fff}.hero-badge i,.rating-line i,.trend-row span i{color:var(--hub-yellow)}.hero-copy h1{font-size:48px;line-height:.95;margin:14px 0 10px;letter-spacing:.025em;font-weight:900}.hero-copy p{font-size:20px;color:#f3f6ff;max-width:480px}.hero-actions{display:flex;gap:12px;margin-top:20px}.hero-character{position:absolute;right:250px;top:45px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;font-size:70px;color:var(--hub-cyan);background:radial-gradient(circle,rgba(33,212,255,.25),transparent 65%);filter:drop-shadow(0 0 24px rgba(33,212,255,.5))}.hero-meta{position:absolute;right:28px;top:20px;padding:6px 14px;border-radius:999px;background:rgba(8,17,31,.5)}.hero-controls{position:absolute;right:20px;bottom:18px;display:flex;gap:8px}.hero-controls button{width:38px;height:38px;border:0;border-radius:11px;background:rgba(255,255,255,.08);color:#fff}.section-head,.panel-head,.rail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2,.panel-head h2{font-size:19px;margin:0;font-weight:900}.section-head a,.panel-head a,.rail-head a{font-size:12px;color:#3b93ff;text-decoration:underline}.category-chips{display:flex;gap:9px;overflow:auto;margin-bottom:12px}.chip{border:1px solid var(--hub-line);background:rgba(255,255,255,.04);color:#dce6f8;border-radius:9px;padding:6px 14px;font-size:12px;font-weight:800}.chip.is-active{background:linear-gradient(135deg,#1478ff,#0c96ff);border-color:transparent;color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-card{min-height:250px;overflow:hidden;border:1px solid var(--hub-line);border-radius:14px;background:linear-gradient(180deg,rgba(17,29,51,.9),rgba(8,17,31,.96));box-shadow:0 16px 38px rgba(0,0,0,.22)}.card-thumb{position:relative;height:105px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:44px}.card-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(255,255,255,.34),transparent 10%),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 18px);mix-blend-mode:screen}.card-thumb i{position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(255,255,255,.35))}.thumb-neon{background:linear-gradient(135deg,#1a0c46,#0b4c98 45%,#7628ff)}.thumb-space{background:linear-gradient(135deg,#02152f,#0b5da8 45%,#ff7a2e)}.thumb-racing{background:linear-gradient(135deg,#2d0b1e,#d3294b 45%,#156dff)}.thumb-fantasy{background:linear-gradient(135deg,#2b4a69,#7dcf91 45%,#e7d06d)}.thumb-task{background:linear-gradient(135deg,#06142b,#0d5eff 55%,#2be6ff)}.thumb-mind{background:linear-gradient(135deg,#120d3c,#7f28ff 55%,#fa6dff)}.thumb-photo{background:linear-gradient(135deg,#143b68,#ff9e6e 55%,#825eff)}.thumb-warrior{background:linear-gradient(135deg,#191312,#6b3926 55%,#e5a45b)}.thumb-blocks{background:linear-gradient(135deg,#8d163d,#f7d23b 35%,#15bb92 70%,#5a41ff)}.thumb-city{background:linear-gradient(135deg,#246ea4,#dbe8ff 50%,#8fd175)}.thumb-finance{background:linear-gradient(135deg,#06101f,#093f6f 55%,#10e6a0)}.thumb-void{background:linear-gradient(135deg,#10051d,#e02835 45%,#1864ff)}.thumb-note{background:linear-gradient(135deg,#0e2040,#356dff 55%,#ffc86a)}.card-badge{position:absolute;z-index:3;top:8px;left:8px;border-radius:7px;background:#19c783;color:#fff;font-size:11px;font-weight:900;padding:3px 7px}.card-body-hub{padding:10px}.card-title{display:block;color:#fff;font-weight:900;margin-bottom:3px}.card-body-hub p{min-height:38px;color:#c0cce3;font-size:12px;line-height:1.25;margin:0 0 8px}.rating-line,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.rating-line em{font-style:normal;color:#9aa9c5}.rating-line small{color:#9aa9c5}.card-bottom{margin-top:9px}.price{font-size:13px;font-weight:900;color:#dce6f8}.price.free{color:#55ff9f}.price i{color:var(--hub-cyan)}.load-more-wrap{text-align:center;margin:12px}.load-more{border:1px solid var(--hub-line);background:rgba(255,255,255,.05);color:#dce6f8;border-radius:999px;padding:7px 18px;font-weight:800;font-size:12px}.bottom-widget-grid{display:grid;grid-template-columns:1.1fr 1.45fr 1.2fr 1fr;gap:10px;margin-top:12px}.hub-panel{padding:16px}.hub-panel.compact{padding:12px}.quest-mini,.achievement-mini,.activity-row,.friend-row,.trend-row,.score-row,.leader-row,.transaction-row,.guard-row,.message-row,.update-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:11px}.quest-mini em,.activity-row em,.score-row em,.leader-row em,.transaction-row em,.message-row em{margin-left:auto;font-style:normal;color:#dce6f8;font-weight:800}.quest-mini b{color:var(--hub-cyan)}.achievement-mini i,.activity-row i{color:var(--hub-cyan)}.achievement-mini>div{flex:1}.avatar-sm{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#254bff,#7b4dff);font-size:12px;font-weight:900}.online-dot{width:8px;height:8px;border-radius:50%;background:#22e878;box-shadow:0 0 12px #22e878;margin-left:auto}.online-dot.off{background:#66728a;box-shadow:none}.gixhub-rail{display:grid;gap:12px}.rail-card{padding:14px}.rail-head h3{margin:0}.rail-head h3 small{font-size:11px}.score-row.is-active,.leader-row.is-active{background:linear-gradient(90deg,rgba(20,120,255,.25),transparent)}.rank{width:22px;text-align:center;font-weight:900;color:#dce6f8}.rank-1{color:#ffce45}.rank-2{color:#d6e1ff}.rank-3{color:#ff9a3d}.score-row strong,.trend-row strong{font-size:13px}.score-gem{color:#a778ff}.balance-big{display:flex;align-items:center;gap:12px;margin-bottom:12px}.balance-big strong{font-size:26px}.balance-big small{display:block}.plus-btn{margin-left:auto;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1478ff,#325cff);font-size:20px}.pack-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pack-mini{display:block;border:1px solid var(--hub-line);border-radius:9px;background:rgba(255,255,255,.04);padding:8px;text-align:center}.pack-mini small,.pack-mini span{font-size:10px;color:#cbd7ef}.pack-mini strong{display:block;font-size:14px}.pack-mini em{display:block;margin-top:4px;border-radius:6px;background:#11c86f;font-style:normal;font-size:8px;padding:2px}.pack-mini.is-hot{border-color:rgba(123,77,255,.55);box-shadow:0 0 22px rgba(123,77,255,.22)}.mini-thumb{width:28px;height:28px;border-radius:7px;display:block}.thumb-mini-neon{background:linear-gradient(135deg,#6628ff,#25d7ff)}.thumb-mini-space{background:linear-gradient(135deg,#0d5eff,#ff7a2e)}.thumb-mini-fantasy{background:linear-gradient(135deg,#5cc980,#e6b85d)}.trend-row em{font-style:normal;color:#29ec86;margin-left:auto}.page-hero-small,.profile-hero,.detail-hero{border:1px solid var(--hub-line);border-radius:var(--hub-radius);background:radial-gradient(circle at 85% 20%,rgba(33,212,255,.16),transparent 28%),linear-gradient(180deg,rgba(17,29,51,.9),rgba(8,17,31,.9));padding:26px;margin-bottom:14px;box-shadow:var(--hub-shadow)}.page-hero-small span,.profile-hero span,.detail-main span{color:var(--hub-cyan);font-weight:900;text-transform:uppercase;font-size:12px}.page-hero-small h1,.profile-hero h1,.detail-main h1{font-size:34px;font-weight:950;margin:6px 0}.page-hero-small p,.profile-hero p,.detail-main p{color:#cbd7ef;max-width:740px}.shop-pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shop-pack,.item-card,.achievement-card,.quest-card,.friend-card-large,.settings-card{border:1px solid var(--hub-line);border-radius:15px;background:rgba(255,255,255,.04);padding:16px}.shop-pack h3{font-size:32px;margin:6px 0 0}.shop-pack strong{display:block;margin:10px 0}.shop-pack em,.green-note{color:#1ce889;font-style:normal;font-weight:900}.item-shop-grid,.leader-grid,.quest-grid-large,.achievement-grid-large,.friends-grid-large,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-card{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px}.item-card>i,.settings-card>i,.achievement-card>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#1478ff,#7b4dff);font-size:20px}.item-card h3,.settings-card h2,.quest-card h2,.achievement-card h2,.friend-card-large h2{font-size:17px;margin:2px 0}.two-col-layout,.checkout-layout,.profile-grid,.detail-grid,.messages-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.transaction-row.earned em{color:#2af093}.transaction-row.spent em{color:#ff8094}.guard-row i{color:var(--hub-cyan);font-size:22px}.guard-row small{display:block}.checkout-points{display:flex;align-items:center;gap:12px;font-size:24px}.checkout-points i{color:var(--hub-cyan)}.slot-list{display:grid;gap:8px}.slot-list span{border:1px solid var(--hub-line);border-radius:10px;padding:10px;background:rgba(255,255,255,.04);color:#cbd7ef}.profile-hero,.detail-hero{display:flex;align-items:center;gap:20px}.profile-avatar-big,.avatar-lg{width:90px;height:90px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#1478ff,#7b4dff);font-size:34px;font-weight:950}.profile-hero .ghost-btn{margin-left:auto}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-cards div{border:1px solid var(--hub-line);border-radius:14px;padding:14px;background:rgba(255,255,255,.04)}.stat-cards strong{display:block;font-size:26px}.stat-cards span{color:var(--hub-muted)}.detail-icon{width:150px;height:150px;border-radius:28px;display:grid;place-items:center;font-size:70px;flex:0 0 auto}.detail-main{flex:1}.detail-actions{display:flex;gap:12px}.detail-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.detail-stat-row div{text-align:center;border:1px solid var(--hub-line);border-radius:12px;padding:12px;background:rgba(255,255,255,.04)}.detail-stat-row strong{display:block;font-size:24px}.quest-status{float:right;border-radius:999px;background:rgba(20,120,255,.18);padding:5px 10px;color:var(--hub-cyan);font-weight:900;font-size:11px}.quest-footer{display:flex;justify-content:space-between;margin:12px 0;color:#cbd7ef}.achievement-card em{font-style:normal;color:#cbd7ef}.friend-card-large{position:relative;display:flex;align-items:center;gap:14px}.friend-card-large .online-dot{position:absolute;top:18px;right:18px}.message-row.unread{background:rgba(20,120,255,.12)}.hub-input{background:rgba(255,255,255,.05)!important;border:1px solid var(--hub-line)!important;color:#fff!important;margin-bottom:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;color:#cbd7ef;border-bottom:1px solid rgba(255,255,255,.06)}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed var(--hub-line);border-radius:16px;padding:36px;color:#cbd7ef}.empty-state i{font-size:42px;color:var(--hub-cyan)}.hub-modal{background:#0b1426;color:#fff;border:1px solid var(--hub-line);border-radius:18px}.hub-pre{background:rgba(0,0,0,.28);color:#9fe8ff;border-radius:12px;padding:12px;max-height:180px;overflow:auto}.notice-row{display:flex;gap:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:8px}.hub-toast{background:#0b1426;color:#fff;border:1px solid var(--hub-line)}.mobile-bottom-nav{display:none}.sidebar-backdrop{display:none}
@media (max-width:1500px){.gixhub-shell{grid-template-columns:230px minmax(0,1fr) 310px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-widget-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1180px){.gixhub-shell{grid-template-columns:230px minmax(0,1fr)}.gixhub-rail{display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-character{right:120px}.top-actions .profile-copy,.key-hint{display:none}}
@media (max-width:900px){.gixhub-topbar{height:auto;min-height:72px;padding:12px;flex-wrap:wrap}.brand-wrap{min-width:0}.hub-search{order:3;max-width:none;flex-basis:100%}.gixhub-shell{display:block;padding:12px 12px 88px}.gixhub-sidebar{position:fixed;z-index:100;left:0;top:0;height:100vh;max-height:none;width:290px;padding:16px;background:#07101d;transform:translateX(-105%);transition:.22s ease;box-shadow:0 30px 80px rgba(0,0,0,.65)}.gixhub-sidebar.is-open{transform:translateX(0)}.sidebar-backdrop.is-open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:90}.hub-tabs{margin-top:4px}.catalog-grid,.item-shop-grid,.leader-grid,.quest-grid-large,.achievement-grid-large,.friends-grid-large,.settings-grid,.two-col-layout,.checkout-layout,.profile-grid,.detail-grid,.messages-layout,.shop-pack-grid{grid-template-columns:1fr}.bottom-widget-grid{grid-template-columns:1fr}.hero-copy h1{font-size:34px}.hero-copy p{font-size:16px}.hero-character{display:none}.profile-hero,.detail-hero{align-items:flex-start;flex-direction:column}.profile-hero .ghost-btn{margin-left:0}.detail-icon{width:110px;height:110px;font-size:52px}.stat-cards,.detail-stat-row{grid-template-columns:repeat(2,1fr)}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border:1px solid var(--hub-line);border-radius:18px;background:rgba(7,16,29,.92);backdrop-filter:blur(18px)}.mobile-bottom-nav a{display:grid;place-items:center;color:#aebbd4;font-size:11px}.mobile-bottom-nav i{font-size:18px}.mobile-bottom-nav a.is-active{color:#fff;background:linear-gradient(135deg,#1478ff,#7b4dff);border-radius:12px;padding:6px}}
@media (max-width:600px){.catalog-grid{grid-template-columns:1fr 1fr;gap:10px}.card-thumb{height:88px}.card-body-hub p{display:none}.top-actions{gap:6px}.points-pill{padding:0 9px}.points-pill small,.profile-pill{display:none}.hero-panel{min-height:260px}.hero-copy{padding:22px}.hero-actions{flex-direction:column}.tab-link{min-width:94px}.brand-mark strong{font-size:20px}.pack-mini-grid{grid-template-columns:repeat(2,1fr)}}


/* ========================= GIX HUB v6 preparation layer ========================= */
.hub-footer-status{position:fixed;left:16px;right:16px;bottom:12px;z-index:55;display:flex;align-items:center;justify-content:center;gap:18px;pointer-events:none;color:#9fb0cc;font-size:12px}.hub-footer-status span,.hub-footer-status a{pointer-events:auto;border:1px solid rgba(111,150,255,.16);border-radius:999px;background:rgba(7,16,29,.72);backdrop-filter:blur(12px);padding:6px 12px}.hub-footer-status i{color:var(--hub-cyan)}.command-modal .modal-body{padding-top:0}.hub-command-input{height:54px;font-size:18px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.command-grid a,.command-grid button{border:1px solid var(--hub-line);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;padding:14px;text-align:left;display:flex;gap:10px;align-items:center}.command-grid i{color:var(--hub-cyan);font-size:20px}.admin-hero{background:radial-gradient(circle at 88% 20%,rgba(33,212,255,.17),transparent 22%),linear-gradient(135deg,rgba(20,120,255,.16),rgba(123,77,255,.15)),linear-gradient(180deg,rgba(17,29,51,.9),rgba(8,17,31,.9))}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.admin-kpi-card{padding:18px}.admin-kpi-card i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#1478ff,#7b4dff);font-size:22px;margin-bottom:12px}.admin-kpi-card small,.admin-kpi-card span{display:block;color:var(--hub-muted)}.admin-kpi-card strong{display:block;font-size:32px;line-height:1.1;margin:4px 0}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title-row h3{margin-bottom:4px}.integration-grid,.permission-grid,.lane-grid,.api-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.integration-card,.permission-grid div,.lane-grid div,.api-contract-grid div{border:1px solid var(--hub-line);border-radius:14px;background:rgba(255,255,255,.04);padding:14px}.integration-card i{color:var(--hub-cyan);font-size:24px}.integration-card strong,.permission-grid strong,.lane-grid strong{display:block}.integration-card span,.permission-grid span,.lane-grid span,.api-contract-grid span{display:block;color:var(--hub-muted);font-size:13px;margin-top:5px}.admin-table-wrap{padding:18px;margin-bottom:14px}.hub-admin-table{--bs-table-bg:transparent;--bs-table-color:#eaf1ff;--bs-table-border-color:rgba(111,150,255,.13);margin-bottom:0}.hub-admin-table th{color:#9fb0cc;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;text-transform:uppercase}.status-badge.is-good{background:rgba(42,240,147,.13);color:#2af093}.status-badge.is-warn{background:rgba(255,213,74,.13);color:#ffd54a}.status-badge.is-danger{background:rgba(255,92,122,.15);color:#ff7b92}.status-badge.is-info{background:rgba(33,212,255,.13);color:#21d4ff}.checklist-list{display:grid;gap:9px}.checklist-list div{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(111,150,255,.13);border-radius:12px;background:rgba(255,255,255,.035);padding:10px}.checklist-list i{color:var(--hub-cyan)}.install-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;border:1px solid var(--hub-line);border-radius:14px;background:rgba(255,255,255,.04);padding:12px;margin-bottom:10px}.install-step b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#9fb0cc}.install-step.is-done b{background:linear-gradient(135deg,#1478ff,#21d4ff);color:#fff}.install-step strong,.install-step small{display:block}.install-step small{color:var(--hub-muted)}.api-contract-grid{grid-template-columns:1fr}.api-contract-grid div{display:grid;grid-template-columns:70px 240px 1fr;gap:10px;align-items:center}.api-contract-grid code{color:#9fe8ff;background:rgba(0,0,0,.22);border-radius:9px;padding:7px 9px}.setting-row small{display:block;color:var(--hub-muted);font-size:11px}.btn-sm.ghost-btn{padding:6px 10px;font-size:12px}
@media (max-width:1180px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}.command-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.hub-footer-status{display:none}.integration-grid,.permission-grid,.lane-grid{grid-template-columns:1fr}.api-contract-grid div{grid-template-columns:1fr}.command-grid{grid-template-columns:1fr}}
@media (max-width:600px){.admin-kpi-grid{grid-template-columns:1fr}.hub-admin-table{font-size:13px}}

/* v6 merged preparation additions */
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.collection-card{position:relative;overflow:hidden;min-height:160px;display:flex;align-items:flex-start;gap:14px;padding:18px}.collection-card:before{content:"";position:absolute;inset:auto -20% -55% auto;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.13);filter:blur(4px)}.collection-card i{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.09);font-size:26px;color:var(--hub-cyan)}.collection-card strong{display:block;font-size:18px}.collection-card p{color:var(--hub-muted);margin:6px 0}.collection-card small{color:#fff;font-weight:800}.collection-card .ghost-btn{margin-left:auto;align-self:flex-end}.collection-blue{background:linear-gradient(135deg,rgba(20,120,255,.24),rgba(8,17,31,.92))}.collection-cyan{background:linear-gradient(135deg,rgba(33,212,255,.20),rgba(8,17,31,.92))}.collection-purple{background:linear-gradient(135deg,rgba(123,77,255,.23),rgba(8,17,31,.92))}.collection-green{background:linear-gradient(135deg,rgba(42,240,147,.18),rgba(8,17,31,.92))}.collection-violet{background:linear-gradient(135deg,rgba(196,90,255,.20),rgba(8,17,31,.92))}.collection-gold{background:linear-gradient(135deg,rgba(255,213,74,.17),rgba(8,17,31,.92))}.rewards-hero,.developer-hero,.launch-hero{background:radial-gradient(circle at 78% 28%,rgba(33,212,255,.2),transparent 28%),linear-gradient(135deg,rgba(20,120,255,.18),rgba(123,77,255,.14)),linear-gradient(180deg,rgba(17,29,51,.94),rgba(8,17,31,.94))}.quest-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid var(--hub-line);border-radius:14px;background:rgba(255,255,255,.04);padding:12px;margin-bottom:10px}.quest-row strong,.quest-row small,.quest-row em{display:block}.quest-row small{color:var(--hub-muted)}.quest-row em{font-style:normal;font-weight:900;color:var(--hub-cyan)}.notice-row.is-unread{border-color:rgba(33,212,255,.35);background:linear-gradient(90deg,rgba(33,212,255,.08),rgba(255,255,255,.035))}.notice-row p{margin:5px 0 0;color:var(--hub-muted)}.code-preview,.hub-pre{background:rgba(0,0,0,.32);border:1px solid var(--hub-line);border-radius:14px;color:#bfeeff;padding:14px;white-space:pre-wrap;max-height:420px;overflow:auto}.submit-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.submit-form-grid.one{grid-template-columns:1fr}.submit-form-grid label{color:#dfe8fa;font-weight:700}.submit-form-grid .span-2{grid-column:1/-1}.hub-input{margin-top:7px;background:rgba(255,255,255,.06)!important;border:1px solid var(--hub-line)!important;color:#fff!important;border-radius:12px!important}.hub-input:focus{box-shadow:0 0 0 .25rem rgba(20,120,255,.18)!important}.hub-input option{background:#0d1729;color:#fff}.timeline-panel{display:grid;gap:12px}.timeline-card{padding:18px}.timeline-card span{display:inline-flex;color:var(--hub-cyan);font-weight:800;margin-bottom:8px}.timeline-card h2{font-size:21px;margin:0 0 6px}.timeline-card p{color:var(--hub-muted);margin:8px 0 0}.launch-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:12px}.launch-frame{min-height:360px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(33,212,255,.18),transparent 32%),linear-gradient(180deg,rgba(17,29,51,.9),rgba(8,17,31,.9))}.launch-frame>i{font-size:84px;color:var(--hub-cyan);filter:drop-shadow(0 0 24px rgba(33,212,255,.45))}.launch-frame p{color:var(--hub-muted)}.screenshot-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.screenshot-strip div{min-height:112px;border:1px solid var(--hub-line);border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(20,120,255,.16),rgba(123,77,255,.12));color:#dce6f8;text-align:center}.screenshot-strip i{display:block;font-size:28px;color:var(--hub-cyan)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-card,.review-row{border:1px solid var(--hub-line);border-radius:14px;background:rgba(255,255,255,.04);padding:12px;display:flex;gap:12px}.review-card small,.review-row small{display:block;color:var(--hub-muted)}.review-card p,.review-row p{margin:6px 0 0;color:#c5d2e8}.integration-card p{color:var(--hub-muted);margin:8px 0}.integration-card em{font-style:normal;display:inline-flex;margin-top:8px}.timeline-panel .timeline-card{position:relative}.timeline-panel .timeline-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:999px;background:linear-gradient(var(--hub-cyan),var(--hub-purple))}
@media (max-width:1180px){.collection-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.launch-layout{grid-template-columns:1fr}.screenshot-strip{grid-template-columns:1fr}}
@media (max-width:760px){.collection-grid,.submit-form-grid{grid-template-columns:1fr}.collection-card{display:grid}.collection-card .ghost-btn{margin-left:0}.screenshot-strip{grid-template-columns:1fr}}


/* v6 preparation additions */
.muted-copy{color:var(--hub-muted);line-height:1.65}.status-stack{display:grid;gap:10px}.theme-token-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.token-card{padding:16px}.token-card span{display:block;width:100%;height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.token-card strong,.token-card code,.token-card small{display:block;margin-top:8px}.token-card code{color:#9fe8ff;background:rgba(0,0,0,.2);border-radius:8px;padding:5px 8px}.token-card small{color:var(--hub-muted)}.status-badge.is-critical{background:rgba(255,70,70,.18);color:#ffaaaa;border-color:rgba(255,70,70,.32)}.admin-kpi-card span{min-height:34px}.page-hero-small+.admin-kpi-grid,.page-hero-small+.theme-token-grid{margin-top:14px}.hub-panel .table-responsive{border-radius:14px}.setting-row strong.status-badge{white-space:nowrap}.api-contract-grid div:hover,.setting-row:hover,.token-card:hover{border-color:rgba(33,212,255,.28);background:rgba(255,255,255,.055)}body[data-hub-theme="dark-cyan"]{--hub-blue:#0bd1ff;--hub-purple:#14f0c8}body[data-hub-theme="royal-violet"]{--hub-blue:#6d7dff;--hub-cyan:#b6e8ff;--hub-purple:#9b4dff}
@media (max-width:1180px){.theme-token-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.theme-token-grid{grid-template-columns:1fr}}


/* v7 auth/runtime/commerce preparation additions */
.auth-preview-layout{display:grid;grid-template-columns:minmax(300px,.45fr) minmax(0,.55fr);gap:14px}.auth-card{max-width:520px}.auth-card label,.auth-wide label{display:block;color:#dfe8fa;font-weight:800;margin-bottom:12px}.auth-card a{color:var(--hub-cyan);text-decoration:none}.v7-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v7-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v7-mini-card{display:grid;gap:9px;align-content:start;min-height:210px}.v7-mini-card>i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(33,212,255,.11);color:var(--hub-cyan);font-size:25px}.v7-mini-card strong{font-size:17px}.v7-mini-card small,.v7-mini-card p,.v7-price-card p{color:var(--hub-muted);margin:0}.v7-price-card strong{font-size:28px;color:#fff}.coupon-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:14px}.ledger-row{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--hub-line);border-radius:14px;background:rgba(255,255,255,.04);margin-bottom:10px}.ledger-row small{display:block;color:var(--hub-muted)}.ledger-row b{color:var(--hub-cyan);font-size:18px}.v7-session-frame{min-height:420px}.v7-session-frame h2{font-size:34px;margin:10px 0 4px}.status-badge.is-ready,.status-badge.is-on{background:rgba(45,240,157,.14);color:#95ffd3;border-color:rgba(45,240,157,.32)}.status-badge.is-blocked,.status-badge.is-off{background:rgba(255,91,91,.14);color:#ffb4b4;border-color:rgba(255,91,91,.32)}.status-badge.is-warning,.status-badge.is-draft{background:rgba(255,213,74,.14);color:#ffe695;border-color:rgba(255,213,74,.32)}.setting-row code{color:#9fe8ff;background:rgba(0,0,0,.2);padding:4px 8px;border-radius:8px}.hub-pre+button{margin-top:12px}
@media (max-width:1180px){.v7-card-grid,.v7-card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-preview-layout{grid-template-columns:1fr}}
@media (max-width:760px){.v7-card-grid,.v7-card-grid.three,.coupon-input-row{grid-template-columns:1fr}.ledger-row{display:grid}.auth-card{max-width:none}}


/* v8 Hub App Standard / Runtime preparation */
.app-runtime-hero,.app-admin-hero{background:radial-gradient(circle at 76% 22%,rgba(33,212,255,.22),transparent 28%),linear-gradient(135deg,rgba(20,120,255,.18),rgba(123,77,255,.14)),linear-gradient(180deg,rgba(17,29,51,.94),rgba(8,17,31,.96))}.app-runtime-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:14px}.app-runtime-frame{padding:0;overflow:hidden;min-height:570px}.runtime-app-toolbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--hub-line);background:rgba(255,255,255,.035)}.runtime-app-toolbar>div:first-child{display:flex;align-items:center;gap:10px}.runtime-app-toolbar i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(33,212,255,.12);color:var(--hub-cyan)}.runtime-app-toolbar small{color:var(--hub-muted);font-weight:700}.runtime-window-actions{display:flex;gap:7px}.runtime-window-actions span{width:11px;height:11px;border-radius:999px;background:rgba(255,255,255,.24)}.runtime-app-canvas{min-height:510px;padding:20px;display:grid;place-items:stretch;background:radial-gradient(circle at 50% 40%,rgba(33,212,255,.12),transparent 35%),rgba(0,0,0,.12)}.example-notes-demo{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.note-column,.mini-clicker-demo{border:1px solid var(--hub-line);border-radius:18px;background:rgba(255,255,255,.045);padding:18px}.note-column h2,.note-column h3,.mini-clicker-demo h2{margin:0 0 8px}.note-column p,.mini-clicker-demo p{color:var(--hub-muted)}.note-column ul{color:#d8e6fb}.mini-clicker-demo{display:grid;align-content:center;justify-items:center;text-align:center;gap:10px}.mini-clicker-demo>i{font-size:76px;color:var(--hub-cyan);filter:drop-shadow(0 0 28px rgba(33,212,255,.48))}.app-runtime-context h4{font-size:15px;margin:18px 0 8px;color:#dfe8fa}.runtime-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.runtime-context-grid>div{border:1px solid var(--hub-line);background:rgba(255,255,255,.04);border-radius:14px;padding:12px}.runtime-context-grid small,.runtime-context-grid strong{display:block}.runtime-context-grid small{color:var(--hub-muted)}.asset-list{display:grid;gap:8px}.asset-list code{white-space:normal;display:block;background:rgba(0,0,0,.25);border:1px solid var(--hub-line);border-radius:11px;padding:9px;color:#9fe8ff}.permission-chip-list{display:flex;flex-wrap:wrap;gap:8px}.permission-chip-list span{display:inline-flex;border:1px solid rgba(33,212,255,.25);background:rgba(33,212,255,.08);color:#bdefff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.lifecycle-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-badge.is-installed{background:rgba(33,212,255,.13);color:#bdefff;border-color:rgba(33,212,255,.32)}.status-badge.is-available{background:rgba(255,255,255,.08);color:#dfe8fa;border-color:rgba(255,255,255,.14)}.status-badge.is-enabled{background:rgba(45,240,157,.14);color:#95ffd3;border-color:rgba(45,240,157,.32)}.status-badge.is-disabled{background:rgba(255,91,91,.14);color:#ffb4b4;border-color:rgba(255,91,91,.32)}.status-badge.is-update{background:rgba(255,213,74,.14);color:#ffe695;border-color:rgba(255,213,74,.32)}.app-standard-shortcuts .command-grid a{text-decoration:none}
@media (max-width:1180px){.app-runtime-layout,.example-notes-demo{grid-template-columns:1fr}.app-runtime-frame{min-height:auto}.runtime-app-canvas{min-height:420px}}@media (max-width:760px){.runtime-context-grid,.lifecycle-button-grid{grid-template-columns:1fr}.runtime-app-toolbar{height:auto;padding:12px;align-items:flex-start}.runtime-window-actions{display:none}}


/* v9 lifecycle/service preparation */
.lifecycle-steps{margin:0 0 1rem 1.2rem;padding:0;color:var(--hub-muted);font-size:.88rem;display:grid;gap:.35rem}.lifecycle-steps li::marker{color:var(--hub-cyan)}.app-admin-hero .status-badge,.admin-hero .status-badge{letter-spacing:.04em}.hub-pre{max-height:460px;overflow:auto}.asset-list code{display:block;margin:.25rem 0;padding:.45rem .6rem;border:1px solid rgba(118,225,255,.14);border-radius:12px;background:rgba(7,16,32,.68);color:#d7f7ff}.permission-chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.permission-chip-list span{font-size:.78rem;padding:.35rem .55rem;border-radius:999px;background:rgba(47,125,255,.14);border:1px solid rgba(47,125,255,.22);color:#cfe8ff}.runtime-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.runtime-context-grid>div{padding:.75rem;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.runtime-context-grid small{display:block;color:var(--hub-muted);font-size:.72rem}.runtime-context-grid strong{display:block;color:#fff;font-size:.92rem}.setting-row{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.setting-row small{display:block;color:var(--hub-muted);font-size:.72rem}@media(max-width:720px){.setting-row{grid-template-columns:1fr}.runtime-context-grid{grid-template-columns:1fr}}

/* v10 Hub App system foundation */
.v10-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v10-plan-card{min-height:260px}.mini-state{display:inline-flex;margin:.15rem .2rem .15rem 0;padding:.28rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.72rem;color:#dfe8fa}.mini-state.ok{background:rgba(45,240,157,.12);border-color:rgba(45,240,157,.26);color:#a9ffd8}.mini-state.warn{background:rgba(255,213,74,.12);border-color:rgba(255,213,74,.26);color:#ffe695}.small-pre{max-height:320px}.hub-pre.small-pre{font-size:.78rem}.runtime-bridge-demo{min-height:330px}.page-hero-small.admin-hero.app-admin-hero:after{content:"V10";position:absolute;right:24px;top:24px;border:1px solid rgba(33,212,255,.28);background:rgba(33,212,255,.08);color:#bdefff;border-radius:999px;padding:7px 12px;font-weight:900;letter-spacing:.08em}@media(max-width:1180px){.v10-plan-grid{grid-template-columns:1fr}}@media(max-width:760px){.mini-state{display:flex}.page-hero-small.admin-hero.app-admin-hero:after{position:static;display:inline-flex;margin-top:10px}}

/* v11 helper/runtime preparation */
.v11-hero:after{content:"V11";position:absolute;right:24px;top:24px;border:1px solid rgba(33,212,255,.32);background:rgba(33,212,255,.10);color:#bdefff;border-radius:999px;padding:7px 12px;font-weight:900;letter-spacing:.08em}.helper-registry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.helper-card{border:1px solid var(--hub-line);border-radius:18px;background:rgba(255,255,255,.04);padding:16px;min-height:155px}.helper-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.helper-card-head i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(33,212,255,.12);color:var(--hub-cyan);font-size:22px}.helper-card-head strong,.helper-card-head small{display:block}.helper-card-head small{color:var(--hub-muted)}.permission-chip{display:inline-flex;border:1px solid rgba(33,212,255,.25);background:rgba(33,212,255,.08);color:#bdefff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;margin:2px}.permission-chip.muted{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--hub-muted)}.admin-only-note{display:flex;align-items:center;gap:10px;margin-top:14px;border:1px solid rgba(255,213,74,.22);background:rgba(255,213,74,.08);color:#ffe695;border-radius:14px;padding:11px 13px;font-weight:800}.admin-only-note i{font-size:20px}.gixhub-empty-state{display:grid;justify-items:center;text-align:center;padding:36px}.gixhub-empty-state i{font-size:42px;color:var(--hub-cyan);margin-bottom:10px}.gixhub-table code,.setting-row code{white-space:normal}.status-badge.is-danger{background:rgba(255,91,91,.14);color:#ffb4b4;border-color:rgba(255,91,91,.32)}@media(max-width:1180px){.helper-registry-grid{grid-template-columns:1fr}}@media(max-width:760px){.v11-hero:after{position:static;display:inline-flex;margin-top:10px}.helper-card-head{align-items:flex-start}}

/* v12 app platform development layer */
.v12-hero:after{content:"V12";position:absolute;right:24px;top:24px;border:1px solid rgba(33,212,255,.34);background:rgba(33,212,255,.12);color:#bdefff;border-radius:999px;padding:7px 12px;font-weight:900;letter-spacing:.08em}.v12-scaffold-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:14px}.v12-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v12-summary-row strong{display:block;font-size:34px;color:#fff}.v12-summary-row small{color:var(--hub-muted);font-weight:800;letter-spacing:.06em}.inner-panel{box-shadow:none;background:rgba(255,255,255,.035)}.status-badge.is-danger{background:rgba(255,91,91,.14);color:#ffb4b4;border-color:rgba(255,91,91,.32)}@media(max-width:1180px){.v12-scaffold-layout{grid-template-columns:1fr}.v12-summary-row{grid-template-columns:1fr}}@media(max-width:760px){.v12-hero:after{position:static;display:inline-flex;margin-top:10px}}


/* v14 lifecycle QA and runtime kernel layer */
.v14-hero:after{content:"V14";position:absolute;right:24px;top:24px;border:1px solid rgba(40,239,145,.34);background:rgba(40,239,145,.12);color:#b8ffd9;border-radius:999px;padding:7px 12px;font-weight:900;letter-spacing:.08em}
.v14-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v14-metric-grid .hub-panel{padding:18px;min-height:120px}.v14-metric-grid small{display:block;color:var(--hub-muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.v14-metric-grid strong{display:block;font-size:30px;color:#fff;margin:.35rem 0}.status-badge.is-muted{background:rgba(255,255,255,.06);color:var(--hub-muted);border-color:rgba(255,255,255,.12)}
@media(max-width:1180px){.v14-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.v14-metric-grid{grid-template-columns:1fr}.v14-hero:after{position:static;display:inline-flex;margin-top:10px}}

/* v14 live DB / real app lifecycle additions */
.live-step-list{margin:0;padding-left:1.1rem;color:rgba(235,245,255,.86)}
.live-step-list li{margin:.35rem 0;line-height:1.45}
.hub-input{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#f5fbff!important;border-radius:14px!important}
.hub-input:focus{box-shadow:0 0 0 .2rem rgba(33,212,255,.15)!important;border-color:rgba(33,212,255,.45)!important}
.hub-input::placeholder{color:rgba(235,245,255,.45)!important}
.gixhub-settings-form code,.hub-panel code{color:#8eefff;background:rgba(33,212,255,.08);border:1px solid rgba(33,212,255,.12);padding:.12rem .35rem;border-radius:8px}
.status-badge.is-not-installed,.status-badge.is-disabled{background:rgba(255,255,255,.08);color:rgba(235,245,255,.72);border:1px solid rgba(255,255,255,.13)}
.status-badge.is-enabled{background:rgba(35,255,170,.13);color:#7dffcf;border:1px solid rgba(35,255,170,.28)}
.status-badge.is-ready{background:rgba(33,212,255,.13);color:#8eefff;border:1px solid rgba(33,212,255,.28)}
.status-badge.is-failed,.status-badge.is-danger{background:rgba(255,80,120,.13);color:#ff9aae;border:1px solid rgba(255,80,120,.28)}

/* v17 user shortcut / personal Hub links */
.card-actions-inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.shortcut-link-form{display:inline-flex;margin:0}.shortcut-hero{background:linear-gradient(135deg,rgba(20,120,255,.22),rgba(163,73,255,.16));border:1px solid rgba(91,208,255,.22)}.shortcut-feedback{display:flex;gap:.75rem;align-items:center;border-left:4px solid rgba(91,208,255,.75)}.shortcut-feedback.is-error{border-left-color:#ff5f7c}.shortcut-feedback span{color:var(--muted)}.shortcut-info-panel .integration-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.shortcut-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1rem;box-shadow:0 18px 60px rgba(0,0,0,.22);position:relative;overflow:hidden}.shortcut-card:before{content:"";position:absolute;inset:auto -20% -55% -20%;height:90%;background:radial-gradient(circle,rgba(20,120,255,.25),transparent 62%);pointer-events:none}.shortcut-card.is-pinned{border-color:rgba(91,208,255,.45);box-shadow:0 18px 70px rgba(20,120,255,.16)}.shortcut-launch{display:flex;gap:.85rem;align-items:flex-start;text-decoration:none;color:inherit;position:relative;z-index:1}.shortcut-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(20,120,255,.45),rgba(155,73,255,.35));color:white;font-size:1.45rem;box-shadow:inset 0 1px rgba(255,255,255,.2),0 12px 35px rgba(20,120,255,.18)}.shortcut-copy{display:flex;flex-direction:column;min-width:0}.shortcut-copy strong{font-size:1rem;line-height:1.15}.shortcut-copy small{color:var(--muted);line-height:1.35;margin-top:.25rem}.shortcut-state{margin-left:auto;font-size:.7rem;border:1px solid rgba(91,208,255,.35);border-radius:999px;padding:.22rem .5rem;color:#aeeaff;background:rgba(91,208,255,.08);white-space:nowrap}.shortcut-actions{display:flex;gap:.45rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem;position:relative;z-index:1}.shortcut-actions form{margin:0}.mini-btn.ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:var(--muted)}.empty-state{text-align:center;padding:2.2rem}.empty-state>i{font-size:2.4rem;color:#70d8ff}.code-preview{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;color:#dceaff;max-height:360px;overflow:auto}.hub-panel code{color:#9fe7ff;background:rgba(91,208,255,.09);border-radius:8px;padding:.1rem .35rem}@media(max-width:1280px){.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shortcut-info-panel .integration-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shortcut-grid{grid-template-columns:1fr}.card-actions-inline{justify-content:flex-start}.shortcut-info-panel .integration-grid.compact{grid-template-columns:1fr}}


/* v17 User Workspace */
.workspace-section .section-head h2 i{margin-right:.45rem;color:#4dd8ff}.workspace-create-panel .workspace-section-form{display:grid;grid-template-columns:1fr 220px auto;gap:.75rem}.workspace-section-form .form-control,.mini-select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);color:#fff}.workspace-section-form .form-control::placeholder{color:rgba(255,255,255,.45)}.empty-mini{padding:1rem;border:1px dashed rgba(255,255,255,.16);border-radius:18px;color:rgba(255,255,255,.62)}.shortcut-copy em{display:block;font-size:.72rem;font-style:normal;color:rgba(77,216,255,.78);margin-top:.15rem}.shortcut-move-form{min-width:120px}.mini-select{font-size:.78rem;padding:.35rem .55rem;border-radius:999px}.workspace-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.workspace-column{min-width:0}.hub-code-block{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1rem;color:#d8f7ff;max-height:520px;overflow:auto}.soft-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:999px;background:rgba(77,216,255,.12);border:1px solid rgba(77,216,255,.22);color:#8eeaff;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}@media (max-width: 900px){.workspace-create-panel .workspace-section-form,.workspace-columns{grid-template-columns:1fr}.shortcut-actions{flex-wrap:wrap}}

/* GIXHUB v19.9 login/admin stability additions */
.gixhub-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,460px) minmax(280px,520px);align-items:center;justify-content:center;gap:28px;padding:42px;background:radial-gradient(circle at top left,rgba(0,175,255,.22),transparent 34%),radial-gradient(circle at bottom right,rgba(135,92,255,.18),transparent 38%)}
.gixhub-auth-card,.gixhub-auth-info{background:rgba(14,20,34,.88);border:1px solid rgba(125,200,255,.16);border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-brand small{display:block;color:rgba(226,238,255,.64)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#0ea5ff,#7c3aed);font-weight:800;color:white}.auth-form{display:grid;gap:10px}.auth-form label{font-size:.85rem;color:rgba(226,238,255,.76);margin-top:6px}.auth-form .form-control{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;color:white;padding:12px 14px}.auth-form .form-control:focus{outline:0;border-color:rgba(62,184,255,.9);box-shadow:0 0 0 3px rgba(62,184,255,.14)}.hub-alert{display:flex;gap:10px;align-items:center;margin:14px 0;padding:12px 14px;border-radius:14px}.hub-alert.danger{background:rgba(255,64,105,.12);border:1px solid rgba(255,64,105,.22);color:#ffd9e2}.auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.auth-links a{color:#8fd7ff;text-decoration:none}.gixhub-auth-info ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.gixhub-auth-info li{display:flex;gap:10px;align-items:center;color:rgba(226,238,255,.82)}.gixhub-auth-info i{color:#49d3ff}.admin-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0}.admin-status-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px}.admin-status-card strong{display:block;font-size:1.7rem}.admin-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px}.admin-action-card{display:block;text-decoration:none;color:inherit;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px;transition:.16s ease}.admin-action-card:hover{transform:translateY(-2px);border-color:rgba(73,211,255,.45);color:inherit}.admin-action-card i{font-size:1.5rem;color:#49d3ff}.safe-warning{margin:12px 0;padding:12px 14px;border-radius:14px;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.22);color:#ffe8a3}
@media (max-width:860px){.gixhub-auth-shell{grid-template-columns:1fr;padding:20px}.gixhub-auth-info{order:-1}}

/* --------------------------------------------------------------------------
   GIX HUB v19.12 Menu System
   Library/helper based sidebar with headings, priorities and nested submenus.
---------------------------------------------------------------------------- */
.side-heading {
    margin: 16px 10px 8px;
    padding: 0 8px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
    color: rgba(200, 224, 255, .48);
}
.side-divider {
    height: 1px;
    margin: 10px 14px;
    background: linear-gradient(90deg, transparent, rgba(123, 198, 255, .22), transparent);
}
.side-link.has-children {
    position: relative;
}
.side-link .submenu-caret {
    margin-left: auto;
    opacity: .65;
    font-style: normal;
    font-size: 11px;
    transition: transform .18s ease, opacity .18s ease;
}
.side-link[aria-expanded="true"] .submenu-caret {
    transform: rotate(180deg);
    opacity: 1;
}
.side-submenu {
    margin: 0 8px 6px 18px;
    padding-left: 8px;
    border-left: 1px solid rgba(70, 162, 255, .16);
}
.side-submenu .side-link {
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    background: rgba(255, 255, 255, .025);
}
.side-submenu .side-link i {
    font-size: 14px;
}
.side-link.level-1 {
    border-radius: 12px;
}
.side-link.level-2 {
    margin-left: 8px;
    opacity: .92;
}
.menu-badge {
    margin-left: auto;
    min-width: 18px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
    color: #dff4ff;
    background: rgba(28, 129, 255, .2);
    border: 1px solid rgba(68, 180, 255, .28);
}
.code-block {
    display: block;
    padding: 16px;
    border-radius: 16px;
    color: #d7ecff;
    background: rgba(2, 8, 22, .72);
    border: 1px solid rgba(99, 180, 255, .18);
    overflow: auto;
}

/* --------------------------------------------------------------------------
   GIX HUB v19.14 UX patch
   - repaired login layout
   - split Apps/Games pages
   - contextual category tabs only
   - registered-user settings page
   - mobile sidebar top spacing fix
---------------------------------------------------------------------------- */
.login-v19-14{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 8%,rgba(33,212,255,.2),transparent 28%),radial-gradient(circle at 88% 18%,rgba(123,77,255,.22),transparent 30%),linear-gradient(135deg,#030714,#071426 58%,#050817);color:#eef6ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.auth-stage-v19-14{min-height:100vh;display:grid;grid-template-columns:minmax(320px,560px) minmax(320px,560px);gap:28px;align-items:center;justify-content:center;padding:42px}.auth-hero-v19-14,.auth-panel-v19-14{border:1px solid rgba(110,190,255,.18);border-radius:30px;background:linear-gradient(180deg,rgba(18,30,54,.88),rgba(7,15,28,.9));box-shadow:0 35px 110px rgba(0,0,0,.38);backdrop-filter:blur(18px);overflow:hidden}.auth-hero-v19-14{min-height:650px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.auth-hero-v19-14:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 72% 30%,rgba(33,212,255,.22),transparent 20%),radial-gradient(circle at 35% 65%,rgba(123,77,255,.24),transparent 25%),repeating-linear-gradient(120deg,rgba(255,255,255,.035) 0 1px,transparent 1px 24px);pointer-events:none}.auth-brand-v19-14,.auth-copy-v19-14,.auth-feature-grid-v19-14{position:relative;z-index:1}.auth-brand-v19-14{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.auth-logo-v19-14{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#0fd5ff,#126bff 58%,#7b4dff);box-shadow:0 0 35px rgba(33,212,255,.24);font-weight:950}.auth-brand-v19-14 strong{display:block;font-size:1.35rem}.auth-brand-v19-14 small{display:block;color:rgba(226,238,255,.68)}.auth-copy-v19-14 h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.95;margin:18px 0 14px;font-weight:950;letter-spacing:-.04em}.auth-copy-v19-14 p{max-width:460px;color:#cbd7ef;font-size:1.05rem}.auth-feature-grid-v19-14{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-feature-grid-v19-14 div{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.055);padding:16px}.auth-feature-grid-v19-14 i{font-size:1.55rem;color:#57dcff}.auth-feature-grid-v19-14 strong{display:block;margin-top:8px}.auth-feature-grid-v19-14 small{color:#aebbd4}.auth-panel-v19-14{padding:28px;max-height:calc(100vh - 84px);overflow:auto}.auth-panel-head-v19-14{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.auth-panel-head-v19-14 h2{font-size:2rem;margin:.35rem 0 0}.auth-panel-head-v19-14 a{color:#8fd7ff;font-weight:800}.auth-form-v19-14{display:grid;gap:12px}.auth-form-v19-14 label{display:grid;gap:6px;margin:0}.auth-form-v19-14 label span{font-size:.82rem;color:#b8c6df;font-weight:800}.auth-form-v19-14 .form-control{min-height:48px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#fff;padding:12px 14px}.auth-form-v19-14 .form-control:focus{background:rgba(255,255,255,.08);border-color:rgba(33,212,255,.58);box-shadow:0 0 0 .22rem rgba(33,212,255,.13);color:#fff}.auth-two-fields-v19-14{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-register-inline-v19-14{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.auth-register-inline-v19-14 p,.auth-disabled-v19-14{color:#b8c6df}.auth-disabled-v19-14{display:flex;gap:10px;align-items:center;margin-top:18px;padding:12px 14px;border:1px solid rgba(33,212,255,.16);border-radius:16px;background:rgba(33,212,255,.07)}.auth-links-v19-14{border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.hub-alert.success{background:rgba(35,255,170,.12);border:1px solid rgba(35,255,170,.22);color:#ceffe8}.catalog-section-split .section-head{align-items:flex-end}.section-lead{margin:.35rem 0 0;color:#aebbd4;max-width:740px}.hub-category-tabs{position:sticky;top:86px;z-index:20}.hub-category-tabs .tab-link{border:0;cursor:pointer;white-space:nowrap}.catalog-page-widgets{margin-top:14px}.settings-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.settings-dashboard-grid .hub-panel{min-width:0}.settings-profile-panel{grid-row:span 2}.profile-mini-row{display:flex;gap:14px;align-items:center;margin:10px 0 18px}.avatar-ring.large{width:64px;height:64px;font-size:1.15rem}.profile-mini-row strong{display:block;font-size:1.15rem}.profile-mini-row small{display:block;color:#aebbd4}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-form-grid label{display:grid;gap:6px;color:#b8c6df;font-size:.82rem;font-weight:800}.muted-note{color:#aebbd4;margin:12px 0 0}.gixhub-main{padding-top:0}.mobile-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}@media(max-width:1100px){.settings-dashboard-grid{grid-template-columns:1fr}.settings-profile-panel{grid-row:auto}}@media(max-width:900px){.auth-stage-v19-14{grid-template-columns:1fr;padding:16px}.auth-hero-v19-14{min-height:auto;padding:22px}.auth-panel-v19-14{max-height:none;padding:20px}.auth-feature-grid-v19-14,.auth-two-fields-v19-14,.settings-form-grid{grid-template-columns:1fr}.gixhub-topbar{position:sticky;top:0;z-index:120}.gixhub-shell{padding-top:14px}.gixhub-sidebar{top:74px!important;height:calc(100vh - 74px)!important;max-height:calc(100vh - 74px)!important;padding:18px 14px 110px!important;border-right:1px solid rgba(111,150,255,.18);overflow-y:auto!important}.sidebar-backdrop.is-open{top:74px!important}.side-nav{padding-top:0}.side-heading:first-child{margin-top:4px}.hub-category-tabs{top:76px;margin-top:0}.catalog-section-split .section-head{align-items:flex-start;flex-direction:column}.catalog-grid{grid-template-columns:1fr!important}}@media(max-width:560px){.auth-copy-v19-14 h1{font-size:2.3rem}.auth-panel-head-v19-14{display:block}.brand-mark small,.points-pill,.profile-pill .profile-copy,.key-hint{display:none}.gixhub-topbar{gap:10px}.brand-cube{width:40px;height:40px;border-radius:13px}.hub-search{height:42px}.gixhub-sidebar{width:min(88vw,320px)!important}.page-hero-small h1{font-size:28px}.hero-copy{padding:22px}.hero-copy h1{font-size:30px}.catalog-card{min-height:auto}}

/* v19.15 page expansion / UX stabilization */
.compact-hero { min-height: auto; padding: 28px; margin-bottom: 22px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.hub-two-column-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:18px; }
.hub-four-card-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:16px; }
.category-map-panel .panel-title-row,
.panel-title-row { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.category-map-list { display:grid; gap:10px; }
.category-map-item,
.admin-link-card { display:block; padding:14px 15px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.035); text-decoration:none; color:inherit; transition:.18s ease; }
.category-map-item:hover,
.admin-link-card:hover { transform:translateY(-2px); border-color:rgba(40,160,255,.45); background:rgba(40,160,255,.08); }
.category-map-item span { display:flex; align-items:center; gap:8px; font-weight:700; }
.category-map-item b { float:right; margin-top:-24px; color:#75d5ff; }
.category-map-item small,
.admin-link-card small { display:block; margin-top:6px; color:rgba(235,245,255,.62); font-size:.78rem; line-height:1.35; }
.hub-empty-state { border:1px dashed rgba(255,255,255,.16); border-radius:24px; padding:42px 24px; text-align:center; background:rgba(255,255,255,.035); }
.hub-empty-state i { font-size:2.4rem; color:#75d5ff; }
.hub-form-grid { display:grid; grid-template-columns: 1.35fr .9fr; gap:18px; }
.hub-input { margin:7px 0 14px; background:rgba(5,15,30,.75)!important; color:#fff!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:14px!important; }
.muted-note { color:rgba(235,245,255,.62); font-size:.9rem; margin-top:12px; }
.mini-status-list { display:grid; gap:10px; }
.mini-status-list span { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.04); }
.hub-settings-list { display:grid; gap:12px; }
.hub-setting-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 17px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.035); }
.hub-setting-row p { margin:4px 0 0; color:rgba(235,245,255,.62); }
.state-pill { display:inline-flex; align-items:center; justify-content:center; min-width:72px; padding:6px 10px; border-radius:999px; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; background:rgba(255,255,255,.08); }
.state-pill.good { color:#75ffc8; background:rgba(30,220,150,.12); }
.state-pill.warn { color:#ffd166; background:rgba(255,190,60,.12); }
.state-pill.info { color:#75d5ff; background:rgba(40,160,255,.12); }
.admin-page-grid { display:grid; gap:18px; }
.admin-wide-panel { width:100%; }
.admin-link-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
.admin-link-card span { display:block; font-weight:800; }
.admin-link-card b { display:inline-flex; margin-top:8px; padding:4px 8px; border-radius:999px; background:rgba(40,160,255,.14); color:#75d5ff; font-size:.72rem; text-transform:uppercase; }
@media (max-width: 1180px) { .hub-four-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-link-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) { .hub-two-column-grid,.hub-form-grid,.hub-four-card-grid,.admin-link-grid { grid-template-columns: 1fr; } .hub-setting-row { align-items:flex-start; flex-direction:column; } .compact-hero { padding:22px 18px; } }

/* v19.16 page-flow expansion */
.page-flow-hero { overflow:hidden; position:relative; }
.page-flow-hero:after { content:""; position:absolute; right:-90px; top:-90px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,rgba(33,212,255,.22),transparent 68%); pointer-events:none; }
.hub-search-page-form { display:grid; grid-template-columns:minmax(220px,1fr) 160px 170px auto; gap:10px; align-items:end; max-width:960px; margin-top:18px; }
.ranking-catalog-list { display:grid; gap:12px; }
.ranking-card { display:grid; grid-template-columns:72px 74px minmax(0,1fr) auto; gap:16px; align-items:center; padding:16px; }
.ranking-number { width:58px; height:58px; border-radius:18px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(20,120,255,.32),rgba(123,77,255,.22)); color:#fff; font-size:1.05rem; font-weight:950; }
.ranking-icon { width:68px; height:68px; border-radius:20px; display:grid; place-items:center; color:#fff; font-size:1.8rem; background:rgba(255,255,255,.08); }
.ranking-copy strong { display:block; font-size:1.08rem; }
.ranking-copy span { display:block; color:#8fd7ff; font-size:.82rem; font-weight:800; margin-top:2px; }
.ranking-copy p { margin:.35rem 0 0; color:rgba(235,245,255,.68); }
.favorite-section-card { min-height:210px; }
.favorite-row { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:16px; color:#edf6ff; text-decoration:none; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); margin-bottom:9px; transition:.18s ease; }
.favorite-row:hover { transform:translateY(-1px); border-color:rgba(33,212,255,.35); background:rgba(33,212,255,.08); color:#fff; }
.favorite-row i { color:#75d5ff; }
.hub-empty-state.small { padding:24px 18px; }
.timeline-list-v19-16 { display:grid; gap:10px; }
.timeline-row-v19-16 { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:13px 14px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.035); }
.timeline-row-v19-16 > i { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; background:rgba(33,212,255,.11); color:#75d5ff; }
.timeline-row-v19-16 strong { display:block; }
.timeline-row-v19-16 p { color:rgba(235,245,255,.68); margin:4px 0; }
.timeline-row-v19-16 small { color:rgba(235,245,255,.48); }
.guide-card { min-height:210px; padding:22px; }
.guide-card > i { width:54px; height:54px; border-radius:18px; display:grid; place-items:center; background:linear-gradient(135deg,#1478ff,#7b4dff); font-size:1.55rem; margin-bottom:14px; }
.guide-card h3 { margin-bottom:8px; }
.guide-card p { color:rgba(235,245,255,.68); }
.guide-card a { color:#8fd7ff; font-weight:900; text-decoration:none; }
.page-flow-detail-v19-16 { display:grid; grid-template-columns:150px minmax(0,1fr); gap:24px; padding:26px; margin-bottom:22px; }
.inline-form { display:inline-flex; }
.compact-related-grid { margin-bottom:30px; }
@media(max-width:900px){.hub-search-page-form{grid-template-columns:1fr}.ranking-card{grid-template-columns:54px minmax(0,1fr);align-items:start}.ranking-icon{display:none}.ranking-card .ghost-btn{grid-column:1/-1;justify-content:center}.page-flow-detail-v19-16{grid-template-columns:1fr}.page-flow-detail-v19-16 .detail-icon{width:112px;height:112px}}