:root{--color-bg: #020617;--color-bg-soft: #020617;--color-surface: #020617;--color-surface-elevated: #020617;--color-surface-soft: #020617;--color-primary: #22c55e;--color-primary-strong: #16a34a;--color-primary-soft: rgba(34, 197, 94, .12);--color-accent: #6366f1;--color-accent-soft: rgba(99, 102, 241, .1);--color-text: #e5e7eb;--color-text-soft: #9ca3af;--color-text-muted: #6b7280;--color-border: rgba(148, 163, 184, .4);--color-border-soft: rgba(148, 163, 184, .2);--color-error: #ef4444;--color-warning: #facc15;--color-success: #22c55e;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--duration-fast: .15s;--duration-normal: .22s;--easing: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:1.5;background-color:#020617;color:var(--color-text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;color:var(--color-text);background-color:#020617}img{max-width:100%;display:block}body,#root{pointer-events:auto}.layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background-color:#020617}.content{min-height:100vh;padding:1.5rem 1.75rem;background-color:#020617}h1,h2,h3,h4,h5{margin:0;color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--easing)}a:hover{color:#818cf8}.container{width:100%;margin-inline:auto;padding-inline:1.25rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-2)}.gap-8{gap:var(--space-4)}.text-center{text-align:center}.card{background-color:#020617;border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);padding:1.25rem;box-shadow:0 12px 24px #0f172aa6;position:relative;overflow:hidden;transition:box-shadow var(--duration-normal) var(--easing),border-color var(--duration-normal) var(--easing),transform var(--duration-normal) var(--easing),background-color var(--duration-normal) var(--easing)}.card:hover{border-color:var(--color-border);box-shadow:0 18px 32px #0f172ae6;transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;border:1px solid transparent;cursor:pointer;background:transparent;color:var(--color-text);transition:background-color var(--duration-normal) var(--easing),color var(--duration-normal) var(--easing),border-color var(--duration-normal) var(--easing),box-shadow var(--duration-normal) var(--easing),transform var(--duration-normal) var(--easing)}.btn-primary,.btn--primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#020617;border-color:#22c55ee6;box-shadow:0 14px 32px #16a34a8c}.btn-primary:hover,.btn--primary:hover{transform:translateY(-1px);box-shadow:0 17px 40px #16a34acc}.btn-secondary,.btn--secondary{background-color:#020617;color:var(--color-text-soft);border-color:var(--color-border-soft)}.btn-secondary:hover,.btn--secondary:hover{border-color:var(--color-border);background-color:#020617}.btn-outline,.btn--outline{background-color:transparent;border-color:var(--color-border-soft);color:var(--color-text)}.btn-outline:hover,.btn--outline:hover{border-color:var(--color-accent);background-color:#0f172ad9}.btn-danger{background-color:#ef4444;color:#020617;border-color:#b91c1c}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:#22c55e;color:#020617;border-color:#15803d}.btn[disabled],.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.badge,.status{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.badge-success,.status--success{background-color:#22c55e29;color:#4ade80}.badge-warning,.status--warning{background-color:#facc1529;color:#facc15}.badge-danger,.status--error{background-color:#ef444429;color:#fca5a5}.form-group{margin-bottom:var(--space-3)}.form-label{display:block;margin-bottom:.35rem;font-size:var(--font-size-sm);color:var(--color-text-soft)}.form-control{display:block;width:100%;padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid rgba(55,65,81,.9);background-color:#020617;color:var(--color-text);font-size:var(--font-size-sm);outline:none;transition:border-color var(--duration-fast) var(--easing),box-shadow var(--duration-fast) var(--easing),background-color var(--duration-fast) var(--easing)}.form-control::placeholder{color:var(--color-text-muted)}.form-control:focus{border-color:#6366f1d9;box-shadow:0 0 0 1px #6366f1d9}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:.75rem .8rem;border-bottom:1px solid rgba(31,41,55,.95)}th{text-align:left;color:var(--color-text-soft);font-weight:500;background-color:#020617}tr:hover td{background-color:#0f172ad9}.sidebar-mobilebar{display:none}.sidebar{position:sticky;top:0;height:100vh;background-color:#020617;color:var(--color-text);border-right:1px solid rgba(15,23,42,.9);display:flex;flex-direction:column;z-index:80}.sidebar-header{padding:.9rem .9rem .4rem;display:flex;align-items:center;justify-content:space-between}.sidebar .brand{display:flex;align-items:center;gap:.4rem;font-weight:800;font-size:var(--font-size-sm);color:var(--color-text)}.sidebar-nav{padding:0 .55rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-section{margin:.6rem .6rem .3rem;color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border-radius:10px;color:#f9fafbd1;text-decoration:none;transition:background-color var(--duration-normal) var(--easing),color var(--duration-normal) var(--easing),transform var(--duration-normal) var(--easing)}.nav-item .icon{width:22px;text-align:center}.nav-item:hover{background-color:#0f172af2;color:#f9fafb}.nav-item.active{background:linear-gradient(135deg,#6366f1,#22c55e);color:#020617}.sidebar-footer{margin-top:auto;padding:.55rem .7rem .9rem;display:grid;gap:.5rem}nav{background-color:#020617;border-bottom:1px solid rgba(15,23,42,.9);position:sticky;top:0;z-index:70}nav .container{display:flex;align-items:center;justify-content:space-between}nav a{color:#d1d5dbdb;font-size:13px}nav a:hover{color:#f9fafb}.hero{padding:4rem 0 3rem}.hero-title{font-size:var(--font-size-3xl);letter-spacing:-.03em}.hero-subtitle{margin-top:.9rem;font-size:var(--font-size-sm);color:var(--color-text-soft);max-width:480px}.hero-cta{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.75rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.fan-spin{animation:spin 1.6s linear infinite}@media (max-width: 768px){.layout{grid-template-columns:1fr}.content{padding:1.1rem 1rem 2rem}.grid-2,.grid-3{grid-template-columns:1fr}.sidebar-mobilebar{display:flex;align-items:center;justify-content:space-between;height:46px;padding-inline:.9rem;background-color:#020617;border-bottom:1px solid rgba(15,23,42,.95);position:sticky;top:0;z-index:90}.sidebar{position:fixed;top:46px;left:0;height:calc(100vh - 46px);width:260px;transform:translate(-100%);transition:transform var(--duration-normal) var(--easing)}.sidebar.open{transform:translate(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.miner-shell{position:relative;display:inline-block;filter:drop-shadow(0 18px 32px rgba(15,23,42,.95));transition:transform .3s var(--easing),filter .3s var(--easing),opacity .25s var(--easing)}.miner-shell--active{transform:translateY(-1px)}.miner-shell--idle{opacity:.9}.miner-fan-spin-strong{animation:minerFanSpinStrong .9s linear infinite;transform-origin:center}.miner-bar-scan{animation:minerBarScan 1.6s ease-in-out infinite}@keyframes minerBarScan{0%{transform:translate(0);opacity:.4}45%{transform:translate(46px);opacity:1}to{transform:translate(0);opacity:.6}}.miner-glow{filter:drop-shadow(0 0 14px rgba(34,197,94,.6))}} @keyframes minerFanSpinStrong{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes minerBarScan{0%{transform:translate(0);opacity:.4}40%{transform:translate(44px);opacity:1}to{transform:translate(0);opacity:.6}}.miner-glow{filter:drop-shadow(0 0 12px rgba(34,197,94,.55))}@keyframes minerLedPulseGreen{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes minerLedPulseBlue{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.9;transform:scale(1.05)}}.miner-data-flow{animation:minerDataFlow 1.4s linear infinite}@keyframes minerDataFlow{0%{transform:translate(-4px);opacity:.25}40%{opacity:1}to{transform:translate(40px);opacity:.25}}.miner-shell{position:relative;display:inline-block;padding:6px;border-radius:14px;background:radial-gradient(circle at top left,#020617 0,#020617 55%,#020617);border:1px solid rgba(30,64,175,.7);box-shadow:0 14px 32px #0f172ae6}.miner-shell--active{box-shadow:0 0 26px #22c55e59,0 18px 40px #0f172af2}.miner-shell--idle{opacity:.85}.miner-glow{filter:drop-shadow(0 0 14px rgba(34,197,94,.55))}.miner-led{transform-origin:center}.miner-led--green{fill:#22c55e;animation:minerLedPulseGreen 1.2s ease-in-out infinite}.miner-led--blue{fill:#0ea5e9;animation:minerLedPulseBlue 1.6s ease-in-out infinite}.miner-led--idle{fill:#4b5563;opacity:.7}@keyframes minerLedPulseGreen{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes minerLedPulseBlue{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.9;transform:scale(1.04)}}.miner-data-flow rect{opacity:.7}.miner-data-flow rect:nth-child(1){animation:minerDataPulse 1.4s ease-in-out infinite}.miner-data-flow rect:nth-child(2){animation:minerDataPulse 1.4s ease-in-out infinite .25s}.miner-data-flow rect:nth-child(3){animation:minerDataPulse 1.4s ease-in-out infinite .5s}.miner-data-flow rect:nth-child(4){animation:minerDataPulse 1.4s ease-in-out infinite .75s}@keyframes minerDataPulse{0%{opacity:.25;transform:translate(0)}40%{opacity:.9;transform:translate(-4px)}to{opacity:.3;transform:translate(0)}}.miner-bar-scan{animation:minerBarScan 1.5s ease-in-out infinite}@keyframes minerBarScan{0%{transform:translate(0);opacity:.4}40%{transform:translate(40px);opacity:1}to{transform:translate(0);opacity:.6}}.miner-fan-spin-strong{animation:minerFanSpinStrong .3s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes minerFanSpinStrong{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-100vh) translate(20px);opacity:.8}}@keyframes shine{0%{left:-100%}to{left:200%}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}@keyframes progress{0%,to{width:68%}50%{width:82%}}