*{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#0d0f10;--bg-panel:#141719;--bg-input:#0a0c0d;
--border:#2a2d2f;--border-light:#3a3d3f;
--text:#c8ccd0;--text-dim:#6b7075;--text-muted:#4a4e52;
--orange:#f7931a;--orange-dim:#b5691280;
--green:#22c55e;--green-dim:#16a34a;
--red:#ef4444;--red-dim:#dc2626;
--font-data:'JetBrains Mono','IBM Plex Mono','Courier New',monospace;
--font-ui:'IBM Plex Mono','JetBrains Mono','Courier New',monospace
}
html{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;line-height:1.4}
body{min-height:100vh;background:var(--bg)}
.app{display:flex;flex-direction:column;min-height:100vh}

header.header{
display:flex;align-items:center;justify-content:space-between;
padding:10px 16px;border-bottom:1px solid var(--border);
background:var(--bg-panel)
}
.header-left{display:flex;align-items:center;gap:10px}
.btc-logo{
font-size:26px;font-weight:700;color:var(--orange);
width:36px;height:36px;display:flex;align-items:center;justify-content:center;
border:1px solid var(--orange);border-radius:3px;
font-family:var(--font-data)
}
.header-title{
font-size:15px;font-weight:600;letter-spacing:2px;color:var(--text);
font-family:var(--font-data)
}
.header-right{display:flex;align-items:center;gap:14px}
.network-label{
font-size:10px;font-weight:600;letter-spacing:1.5px;
color:var(--text-dim);padding:3px 8px;
border:1px solid var(--border);border-radius:2px;
font-family:var(--font-data)
}
.status-indicator{display:flex;align-items:center;gap:6px}
.status-dot{
width:8px;height:8px;border-radius:50%;
background:var(--red);display:inline-block;
transition:background .3s
}
.status-dot.on{background:var(--green);box-shadow:0 0 6px var(--green)}
.status-text{
font-size:11px;font-weight:500;letter-spacing:1px;
color:var(--text-dim);font-family:var(--font-data)
}
.clock{
font-size:11px;color:var(--text-muted);
font-family:var(--font-data);letter-spacing:1px
}

main.main{
flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;
overflow-y:auto
}

.panel{
background:var(--bg-panel);border:1px solid var(--border);
border-radius:2px;padding:0
}
.panel-head{
font-size:10px;font-weight:600;letter-spacing:2px;
color:var(--text-dim);padding:8px 12px 6px;
border-bottom:1px solid var(--border);
font-family:var(--font-data);
text-transform:uppercase
}
.panel-grid-4{
display:grid;grid-template-columns:repeat(4,1fr);gap:0;
border-bottom:1px solid var(--border)
}
.panel-grid-4:last-child{border-bottom:none}
.panel-grid-3{
display:grid;grid-template-columns:repeat(3,1fr);gap:0;
border-bottom:1px solid var(--border)
}
.panel-grid-3:last-child{border-bottom:none}
.panel-grid-2{
display:grid;grid-template-columns:repeat(2,1fr);gap:0;
border-bottom:1px solid var(--border)
}
.panel-grid-2:last-child{border-bottom:none}

.data-cell{
padding:8px 12px;border-right:1px solid var(--border);
display:flex;flex-direction:column;gap:3px;
min-width:0
}
.data-cell:last-child{border-right:none}
.data-label{
font-size:9px;font-weight:500;letter-spacing:1.5px;
color:var(--text-muted);text-transform:uppercase;
font-family:var(--font-data);white-space:nowrap
}
.data-value{
font-size:14px;font-weight:500;color:var(--text);
font-family:var(--font-data);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.data-value.mono{font-variant-numeric:tabular-nums}
.data-value.small{font-size:10px}
.data-value.highlight{color:var(--orange)}
.data-value.accepted{color:var(--green)}
.data-value.rejected{color:var(--red)}
.data-value.truncate{font-size:11px;overflow:hidden;text-overflow:ellipsis}
.data-value.status-mining{color:var(--orange);font-weight:600}
.data-value.s-mining{color:var(--orange);font-weight:600}
.data-value.s-ok{color:var(--green);font-weight:600}
.data-value.s-err{color:var(--red);font-weight:600}
.data-value.s-warn{color:var(--text-dim);font-weight:500}

.wallet-row{padding:10px 12px;border-bottom:1px solid var(--border)}
.wallet-label{
display:block;font-size:9px;font-weight:500;
letter-spacing:1.5px;color:var(--text-muted);
text-transform:uppercase;margin-bottom:5px;
font-family:var(--font-data)
}
.wallet-input-wrap{display:flex;gap:0}
.wallet-input{
width:100%;background:var(--bg-input);
border:1px solid var(--border);border-radius:2px;
color:var(--orange);padding:8px 12px;
font-family:var(--font-data);font-size:13px;
letter-spacing:.5px;outline:none;
transition:border-color .2s
}
.wallet-input:focus{border-color:var(--orange)}
.wallet-input::placeholder{color:var(--text-muted)}

.controls{display:flex;gap:8px;padding:10px 12px}
.btn{
flex:1;padding:9px 16px;font-family:var(--font-data);
font-size:12px;font-weight:600;letter-spacing:1.5px;
border:1px solid;border-radius:2px;cursor:pointer;
text-transform:uppercase;transition:all .15s;
text-align:center
}
.btn-primary{
background:var(--orange);color:#000;border-color:var(--orange)
}
.btn-primary:hover{background:#e8850f;border-color:#e8850f}
.btn-primary:active{background:#d0770d}
.btn-stop{
background:transparent;color:var(--text-dim);border-color:var(--border)
}
.btn-stop:hover{color:var(--red);border-color:var(--red)}

.panel-log{flex:1;min-height:140px;display:flex;flex-direction:column}
.log-terminal{
flex:1;padding:8px 12px;
font-family:var(--font-data);font-size:11px;
color:var(--text-dim);line-height:1.6;
white-space:pre-wrap;word-break:break-all;
overflow-y:auto;min-height:100px;
background:var(--bg-input)
}

@media(max-width:900px){
.panel-grid-4{grid-template-columns:repeat(2,1fr)}
.data-cell:nth-child(2){border-right:none}
.panel-grid-3{grid-template-columns:repeat(2,1fr)}
.panel-grid-3 .data-cell:nth-child(2){border-right:none}
}
@media(max-width:600px){
header.header{padding:8px 12px;flex-wrap:wrap;gap:8px}
.header-title{font-size:13px;letter-spacing:1px}
.header-right{gap:8px}
.network-label{font-size:9px;padding:2px 6px}
main.main{padding:8px;gap:6px}
.panel-grid-4{grid-template-columns:1fr 1fr}
.panel-grid-3{grid-template-columns:1fr 1fr}
.data-value{font-size:12px}
.data-cell{padding:6px 10px}
.controls{flex-direction:column}
.btn{padding:10px}
.wallet-input{font-size:12px;padding:7px 10px}
}
@media(max-width:400px){
.panel-grid-4{grid-template-columns:1fr}
.panel-grid-3{grid-template-columns:1fr}
.data-cell{border-right:none;border-bottom:1px solid var(--border)}
.data-cell:last-child{border-bottom:none}
}