*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #F2B23E;--gold-light: #FFD680;--gold-dark: #B9791F;--teal: #29D3D3;--teal-light: #7FE9E9;--green: #35E08B;--green-light: #74EBAE;--purple: #C49BF0;--purple-light: #D6BAF5;--red: #E0594A;--red-light: #FF9A8A;--blue: #4DA9FF;--bg-base: #02040a;--bg-deep: #01020a;--bg-panel: rgba(14,26,22,.78);--bg-panel-2: rgba(8,16,14,.92);--bg-card: rgba(20,32,26,.92);--bg-overlay: rgba(2,6,8,.82);--text: #E8EDEA;--text-primary: #E8EDEA;--text-sub: #cfd8d3;--text-muted: #7E8C88;--text-dim: #5d6b65;--border-subtle: rgba(255,255,255,.07);--border-gold: rgba(242,178,62,.18);--border-gold-active: rgba(242,178,62,.55);--border-teal: rgba(41,211,211,.22);--border-green: rgba(53,224,139,.22);--border-dim: rgba(255,255,255,.07);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-pill:999px;--shadow-panel: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 40px -20px rgba(0,0,0,.9);--shadow-card: 0 0 26px -8px rgba(242,178,62,.35), inset 0 1px 0 rgba(255,255,255,.05);--shadow-glow-gold: 0 0 32px -6px rgba(242,178,62,.6);--shadow-glow-teal: 0 0 32px -6px rgba(41,211,211,.5);--shadow-glow-green: 0 0 32px -6px rgba(53,224,139,.5);--t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s ease;--font-display: Rajdhani, sans-serif;--font-body: Saira, sans-serif;--font-mono: "Space Mono", monospace;--header-h: 68px;--footer-h: 112px;--sidebar-w: 220px;--content-h: calc(100vh - var(--header-h) - var(--footer-h));--black: #0A0A0A;--charcoal: #141414;--surface: #1C1C1C;--surface-high: #242424;--gold-deep: #997309;--emerald: #35E08B;--bg-dark: #02040a;--panel-bg: rgba(14,26,22,.78);--glass-bg: rgba(20,32,26,.12);--error: #FF3B30;--warn: #FF9500}body{background:radial-gradient(ellipse 120% 95% at 50% 36%,#0b1a16,#061010 46%,#02060a);color:#fff;font-family:Saira,sans-serif;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseRing{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes heartbeat{0%{filter:drop-shadow(0 0 2px var(--gold))}50%{filter:drop-shadow(0 0 10px var(--gold))}to{filter:drop-shadow(0 0 2px var(--gold))}}@keyframes waveBar{0%{height:20%}50%{height:100%}to{height:20%}}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-60}}@keyframes dashFlowRev{0%{stroke-dashoffset:0}to{stroke-dashoffset:60}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes drift{0%{transform:translate(0)}25%{transform:translate(2px,4px)}50%{transform:translateY(8px)}75%{transform:translate(-2px,4px)}to{transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tglow{0%,to{text-shadow:0 0 4px var(--teal)}50%{text-shadow:0 0 12px var(--teal),0 0 24px var(--teal)}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes barPulse{0%{width:30%}50%{width:100%}to{width:30%}}@keyframes barPulseV{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes pulseRingOut{0%{transform:scale(1);opacity:.9}to{transform:scale(1.55);opacity:0}}@keyframes glowText{0%,to{text-shadow:0 0 4px var(--gold)}50%{text-shadow:0 0 15px var(--gold)}}@keyframes floatGlow{0%,to{transform:translateY(0);filter:drop-shadow(0 0 4px var(--teal))}50%{transform:translateY(-10px);filter:drop-shadow(0 0 15px var(--teal))}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes orbBurst{0%{transform:scale(1);box-shadow:0 0 0 var(--gold)}50%{transform:scale(1.3);box-shadow:0 0 30px var(--gold)}to{transform:scale(1);box-shadow:0 0 0 var(--gold)}}@keyframes fader{0%{opacity:0}to{opacity:1}}@keyframes marquee{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-gold);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-panel)}.glass-panel:hover{border-color:#f2b23e59;box-shadow:0 0 8px #f2b23e1f}.touch-target{min-height:44px;display:flex;align-items:center}.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 18px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.1em;cursor:pointer;transition:box-shadow var(--t-base),border-color var(--t-base),opacity var(--t-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none}.p-btn-primary{background:linear-gradient(160deg,var(--gold-dark),var(--gold-light));color:#1a1206;box-shadow:0 0 20px -6px #f2b23e80}.p-btn-primary:hover{box-shadow:var(--shadow-glow-gold)}.p-btn-secondary{background:#f2b23e1a;border:1px solid var(--border-gold-active);color:var(--gold-light)}.p-btn-secondary:hover{background:#f2b23e2e;box-shadow:var(--shadow-glow-gold)}.p-btn-ghost{background:#ffffff0a;border:1px solid var(--border-dim);color:var(--text-sub)}.p-btn-ghost:hover{border-color:#fff3;color:var(--text-primary)}.p-btn-teal{background:#29d3d31f;border:1px solid var(--border-teal);color:var(--teal-light)}.p-btn-teal:hover{box-shadow:var(--shadow-glow-teal)}.p-btn-green{background:linear-gradient(160deg,#1f8a5b,var(--green));color:#04130c}.p-btn-green:hover{box-shadow:var(--shadow-glow-green)}.p-btn-danger{background:#e0594a24;border:1px solid rgba(224,89,74,.45);color:var(--red-light)}.p-btn-sm{padding:5px 12px;font-size:11px}.p-btn-lg{padding:11px 24px;font-size:15px}.p-btn:active{transform:scale(.96)}.p-card{border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--border-gold);box-shadow:var(--shadow-panel);padding:var(--sp-4)}.p-card-glow{box-shadow:var(--shadow-card)}.p-card-interactive{cursor:pointer;transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}.p-card-interactive:hover{border-color:var(--border-gold-active);transform:translateY(-3px);box-shadow:var(--shadow-glow-gold)}.p-panel{border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--border-gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-panel);overflow:hidden}.p-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--sp-4);border-bottom:1px solid var(--border-gold);background:linear-gradient(90deg,rgba(242,178,62,.07),transparent)}.p-panel-title{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--gold)}.p-panel-body{padding:var(--sp-3) var(--sp-4)}.p-input{width:100%;padding:10px 12px;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid rgba(242,178,62,.22);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color var(--t-fast)}.p-input:focus{border-color:var(--border-gold-active);box-shadow:0 0 0 3px #f2b23e14}.p-input::placeholder{color:var(--text-dim)}.p-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;font-weight:700}.p-tag-gold{background:#f2b23e24;color:var(--gold-light);border:1px solid rgba(242,178,62,.3)}.p-tag-green{background:#35e08b24;color:var(--green-light);border:1px solid rgba(53,224,139,.3)}.p-tag-teal{background:#29d3d324;color:var(--teal-light);border:1px solid rgba(41,211,211,.3)}.p-tag-purple{background:#b17ae824;color:var(--purple-light);border:1px solid rgba(177,122,232,.3)}.p-tag-red{background:#e0594a24;color:var(--red-light);border:1px solid rgba(224,89,74,.3)}.p-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600}.p-chip:before{content:"";width:6px;height:6px;border-radius:50%;flex:none}.p-chip-online:before{background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 2s ease-in-out infinite}.p-chip-live:before{background:var(--red);box-shadow:0 0 6px var(--red);animation:blink 1s ease-in-out infinite}.p-chip-idle:before{background:var(--text-muted)}.p-chip-active:before{background:var(--gold);box-shadow:0 0 6px var(--gold)}.p-stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid rgba(242,178,62,.06)}.p-stat-row:last-child{border-bottom:none}.p-stat-label{font-size:12px;color:var(--text-sub)}.p-stat-value{font-family:var(--font-mono);font-size:10px}.p-divider{width:1px;background:var(--border-gold);align-self:stretch}.p-divider-h{height:1px;background:var(--border-gold)}.p-stack{display:flex;flex-direction:column}.p-row{display:flex;flex-direction:row;align-items:center}.p-grid{display:grid}.p-g-1{gap:var(--sp-1)}.p-g-2{gap:var(--sp-2)}.p-g-3{gap:var(--sp-3)}.p-g-4{gap:var(--sp-4)}.p-g-5{gap:var(--sp-5)}.p-g-6{gap:var(--sp-6)}.p-sidebar-layout{display:flex;overflow:hidden}.p-sidebar{width:var(--sidebar-w);flex:none;border-right:1px solid var(--border-gold);background:var(--bg-panel-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;overflow:hidden}.p-sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-3) 0}.p-sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:9px var(--sp-5);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.12em;color:var(--text-muted);position:relative}.p-sidebar-nav-item:hover{background:#f2b23e0f;color:var(--text-primary)}.p-sidebar-nav-item.active{color:var(--gold-light);background:#f2b23e17}.p-sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);box-shadow:0 0 8px var(--gold)}.p-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.p-main-scroll{flex:1;overflow-y:auto;padding:var(--sp-6)}[data-screen]{animation:fadeUp .3s ease}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f2b23e40;border-radius:3px}.prime-ticker-track{display:inline-flex;animation:tickerScroll 44s linear infinite;white-space:nowrap}
