@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#f7f6f3;--bg-card:#fff;--bg-subtle:#f0ede8;--bg-hover:#ebe8e2;--navy:#1a2744;--navy-light:#2d3f6b;--navy-muted:#4a5a82;--gold:#c8963e;--gold-light:#e8b86d;--gold-bg:#c8963e14;--text-primary:#1a1a2e;--text-secondary:#5a6070;--text-muted:#9098a8;--text-inverse:#fff;--success:#2d7a4f;--success-bg:#2d7a4f14;--danger:#b83232;--danger-bg:#b8323214;--warning:#b8762a;--warning-bg:#b8762a14;--info:#2a5eb8;--info-bg:#2a5eb814;--border:#1a27441a;--border-md:#1a27442e;--shadow-sm:0 1px 3px #1a27440f, 0 1px 2px #1a27440a;--shadow-md:0 4px 12px #1a274414, 0 2px 4px #1a27440d;--shadow-lg:0 12px 32px #1a27441f, 0 4px 8px #1a27440f;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", -apple-system, sans-serif;--font-mono:"DM Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--sidebar-w:240px;--topbar-h:60px;font:15px/1.6 var(--font-body);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);width:100%;min-height:100vh}#root{text-align:left;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--navy-muted)}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);line-height:1.25}h1{font-size:1.75rem;font-weight:500}h2{font-size:1.35rem;font-weight:500}h3{font-size:1.1rem;font-weight:500}p{color:var(--text-secondary);margin:0}code,.mono{font-family:var(--font-mono);font-size:.85em}.field-label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.field-input{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text-primary);outline:none;padding:10px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--navy-light);box-shadow:0 0 0 3px #2d3f6b1a}.field-input::placeholder{color:var(--text-muted)}.field-input[readonly]{background:var(--bg-subtle);cursor:default}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover{background:var(--navy-light);border-color:var(--navy-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light)}.btn-outline{color:var(--navy);border-color:var(--border-md);background:0 0}.btn-outline:hover{background:var(--bg-subtle)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn-block{justify-content:center;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:24px}.badge{letter-spacing:.03em;border-radius:99px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-gold{background:var(--gold-bg);color:var(--gold)}.badge-navy{color:var(--navy);background:#1a274414}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1.5px solid var(--border);background:var(--bg-subtle);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:11px 16px;font-size:13.5px}.data-table tbody tr:hover td{background:var(--bg-subtle)}.data-table tbody tr:last-child td{border-bottom:none}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #2d7a4f33}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #b8323233}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid #2a5eb833}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #b8762a33}.page-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:20px}.page-header h1{margin-bottom:4px;font-size:1.5rem}.page-header p{color:var(--text-muted);font-size:13px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 22px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px;font-weight:600}.stat-card .stat-value{font-family:var(--font-display);color:var(--navy);font-size:2rem;font-weight:500;line-height:1}.stat-card .stat-icon{opacity:.18;font-size:1.4rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-fadeUp{animation:.35s both fadeUp}.animate-fadeIn{animation:.25s both fadeIn}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--success);box-shadow:0 0 0 3px var(--success-bg)}.status-dot.offline{background:var(--danger)}.status-dot.pending{background:var(--warning)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.tab-bar{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.tab-btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex:1;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.tab-btn.active{background:var(--bg-card);color:var(--navy);box-shadow:var(--shadow-sm)}.hash-text{font-family:var(--font-mono);color:var(--navy-muted);background:var(--bg-subtle);border-radius:4px;padding:2px 6px;font-size:12px}