:root{--gx-blue:#1769ff;--gx-navy:#071a3d;--gx-ice:#dff3ff;--gx-ink:#06366b;--gx-white:#fff;--gx-soft:#f7fbff;--gx-line:#d9e8f8;--gx-shadow:0 18px 55px rgba(7,26,61,.12)}
.gx-shell{max-width:1180px;margin:auto;padding:0 18px}.gx-page{min-height:100vh;background:linear-gradient(180deg,var(--gx-ice),#fff 42%,#f8fbff)}
.gx-hero{padding:36px 0 24px}.gx-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--gx-blue);text-transform:uppercase}.gx-hero h1{margin:8px 0;font-size:clamp(32px,5vw,62px);color:var(--gx-navy)}.gx-hero p{max-width:820px;color:#3c5874;font-size:17px;line-height:1.65}.gx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.gx-card{background:rgba(255,255,255,.86);border:1px solid rgba(217,232,248,.9);box-shadow:var(--gx-shadow);border-radius:24px;padding:20px;backdrop-filter:blur(8px)}.gx-span-3{grid-column:span 3}.gx-span-4{grid-column:span 4}.gx-span-6{grid-column:span 6}.gx-span-8{grid-column:span 8}.gx-span-12{grid-column:1/-1}.gx-card h2,.gx-card h3{color:var(--gx-navy);margin-top:0}.gx-muted{color:#60758a}.gx-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.gx-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#edf5ff;color:var(--gx-ink);font-weight:800;font-size:12px}.gx-pill.live{background:#ffe9ec;color:#ba1831}.gx-stat{font-size:30px;font-weight:900;color:var(--gx-ink)}.gx-linkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gx-link{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--gx-line);text-decoration:none;color:var(--gx-navy);font-weight:800}.gx-link:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,26,61,.09)}.gx-input,.gx-select{width:100%;padding:12px 13px;border:1px solid var(--gx-line);border-radius:14px;background:#fff;color:var(--gx-navy);box-sizing:border-box}.gx-btn{display:inline-flex;border:0;border-radius:14px;padding:11px 14px;background:var(--gx-blue);color:#fff;font-weight:900;cursor:pointer;text-decoration:none}.gx-btn.alt{background:#eaf3ff;color:var(--gx-ink)}.gx-list{display:flex;flex-direction:column;gap:9px}.gx-item{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:#f7fbff;border:1px solid #e3eef9}.gx-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#d8ebff}.gx-dock{position:sticky;bottom:10px;z-index:30;margin:18px auto 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.gx-dock a{padding:10px 12px;border-radius:999px;background:rgba(7,26,61,.92);color:#fff;text-decoration:none;font-size:12px;font-weight:800}.gx-table-wrap{overflow:auto;border:1px solid var(--gx-line);border-radius:16px}.gx-table{width:100%;border-collapse:collapse;min-width:620px}.gx-table th,.gx-table td{padding:10px;border-bottom:1px solid #e9f2fb;text-align:left;font-size:13px}.gx-table th{background:#eff7ff;color:var(--gx-ink)}
@media(max-width:900px){.gx-span-3,.gx-span-4{grid-column:span 6}.gx-span-8{grid-column:1/-1}}
@media(max-width:640px){.gx-shell{padding:0 12px}.gx-grid{grid-template-columns:1fr}.gx-span-3,.gx-span-4,.gx-span-6,.gx-span-8,.gx-span-12{grid-column:1/-1}.gx-linkgrid{grid-template-columns:1fr}.gx-card{border-radius:20px;padding:16px}.gx-hero{padding-top:24px}.gx-hero h1{font-size:36px}.gx-hero p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.gx-link{transition:none}}