*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.main-content{min-height:calc(100vh - 160px);padding:clamp(16px,3vw,32px) 12px 40px;background:#fff}[data-theme=dark] .main-content{background:linear-gradient(180deg,#090f16fa,#050a10f2)}.mod-container{max-width:1100px;margin:0 auto}.mod-card{background:#fff;border-radius:36px;padding:clamp(16px,2.5vw,28px);box-shadow:0 10px 24px #0f172a14;border:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden}[data-theme=dark] .mod-card{background:linear-gradient(155deg,#0a1f2ff7,#051019fa 58%,#081b28f7),#0b1d2b;box-shadow:0 20px 48px #00000052;border-color:#5ebcf53d}.mod-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,194,92,.12),transparent 24%),radial-gradient(circle at top left,rgba(74,219,255,.12),transparent 24%)}.top-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}.mod-title{font-weight:800;font-size:clamp(1.3rem,3.5vw,2.2rem);background:linear-gradient(145deg,#0f5fd0,#00a7d8 48%,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 3px}[data-theme=dark] .mod-title{background:linear-gradient(145deg,#f8fdff,#7bd7ff 48%,#ffd27a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.live-badge{display:inline-flex;align-items:center;gap:6px;background:#4affb51a;border:1px solid rgba(74,255,181,.3);color:#4affb5;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:30px}.live-dot{width:7px;height:7px;border-radius:50%;background:#4affb5;box-shadow:0 0 8px #4affb5;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.kpi-card{background:linear-gradient(180deg,#0a2130f0,#081a26d6);border:1px solid rgba(95,179,228,.18);border-radius:18px;padding:14px 16px}.kpi-label{color:#7bd7ff;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.kpi-val{font-size:clamp(1.3rem,4vw,1.9rem);font-weight:900;color:#fff7b5;text-shadow:0 0 16px #ffbf00}.kpi-delta{font-size:.74rem;font-weight:600;margin-left:6px}.delta-up{color:#4affb5}.delta-down{color:#f55}.chart-shell{background:linear-gradient(180deg,#071824e6,#071824b3);border:1px solid rgba(95,179,228,.22);border-radius:22px;padding:16px;margin-bottom:14px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.chart-title{color:#ceecff;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;color:#8ab8d8;font-size:.72rem;font-weight:600}.legend-dot{width:8px;height:8px;border-radius:50%}#mainChart{display:block;width:100%}.stream-feed{background:linear-gradient(180deg,#071824e6,#071824b3);border:1px solid rgba(95,179,228,.22);border-radius:22px;padding:14px 10px 14px 14px;max-height:160px;overflow-y:auto;overflow-x:hidden;clip-path:inset(0 round 18px);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(74,219,255,.36) transparent}.stream-feed::-webkit-scrollbar{width:10px}.stream-feed::-webkit-scrollbar-track{background:transparent}.stream-feed::-webkit-scrollbar-thumb{background:#4adbff5c;border:3px solid transparent;background-clip:content-box;border-radius:999px}.feed-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem;color:#8ab8d8}.feed-time{color:#4a8ca8;font-size:.72rem;min-width:50px}.feed-icon{font-size:.95rem}.feed-msg{flex:1}.feed-val{color:#fff7b5;font-weight:700}