*{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#1e1e1e;--bg-panel:#2d2d2d;--bg-header:#252525;--bg-footer:#2a2a2a;
--bg-input:#1a1a1a;--border:#3e3e3e;--border-light:#555;
--text:#e0e0e0;--text-dim:#aaa;--text-muted:#888;
--orange:#f7931a;--orange-glow:#f7931a30;
--green:#4caf50;--green-dim:#388e3c;
--red:#f44336;--red-dim:#c62828;
--font-data:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;
--font-ui:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;
--font-mono:'Consolas','Courier New',monospace;
--radius:0px;--radius-sm:0px;
--tab-height:28px;
}
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);overflow-x:hidden}
.app{display:flex;flex-direction:column;min-height:100vh;max-width:100vw}

header.header{
display:flex;align-items:center;justify-content:space-between;
padding:0 8px;height:36px;min-height:36px;
background:var(--bg-header);border-bottom:1px solid var(--border);
position:sticky;top:0;z-index:100;font-size:12px
}
.header-brand{display:flex;align-items:center;gap:8px}
.btc-icon{width:22px;height:22px;flex-shrink:0}
.header-title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:0}
.header-status{display:flex;align-items:center;gap:10px}
.status-badge{
font-size:10px;font-weight:600;letter-spacing:.5px;
color:var(--text-dim);padding:2px 8px;
border:1px solid var(--border);border-radius:2px;
background:var(--bg-panel)
}
.status-indicator{display:flex;align-items:center;gap:5px}
.status-dot{
width:6px;height:6px;border-radius:50%;
background:var(--red);display:inline-block;
transition:background .3s
}
.status-dot.on{background:var(--green);box-shadow:0 0 4px var(--green)}
.status-text{font-size:11px;font-weight:400;color:var(--text-dim)}
.clock{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}

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

/* TAB BAR */
.tab-bar{
display:flex;align-items:stretch;
background:var(--bg-header);border-bottom:1px solid var(--border);
padding:0 4px;gap:0;min-height:var(--tab-height)
}
.tab{
padding:6px 16px;font-size:12px;font-weight:500;
color:var(--text-dim);cursor:pointer;
border-bottom:2px solid transparent;
transition:color .15s,border-color .15s;
white-space:nowrap
}
.tab:hover{color:var(--text)}
.tab.active{color:var(--orange);border-bottom-color:var(--orange)}

/* PANELS */
.panel{
border:1px solid var(--border);border-top:none;
background:var(--bg-panel);margin:0;
padding:0
}
.panel:first-of-type{border-top:1px solid var(--border)}
.panel-head{
font-size:11px;font-weight:600;letter-spacing:1px;
color:var(--text-dim);text-transform:uppercase;
padding:6px 12px;
background:var(--bg-header);
border-bottom:1px solid var(--border)
}

.panel-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.panel-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.panel-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:0}

.data-cell{
padding:8px 12px;border-right:1px solid var(--border);
border-bottom:1px solid var(--border);
display:flex;flex-direction:column;gap:3px
}
.data-cell:last-child{border-right:none}
.data-label{
font-size:10px;font-weight:600;letter-spacing:.8px;
color:var(--text-muted);text-transform:uppercase
}
.data-value{
font-size:14px;font-weight:500;color:var(--text);
font-family:var(--font-data);
word-break:break-all
}
.data-value.mono{font-family:var(--font-mono);font-size:13px}
.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;white-space:nowrap}
.data-value.small{font-size:10px}
.data-value.status-mining{color:var(--orange);font-weight:700}
.data-value.s-mining{color:var(--orange);font-weight:700}
.data-value.s-ok{color:var(--green);font-weight:700}
.data-value.s-err{color:var(--red);font-weight:700}
.data-value.s-warn{color:var(--text-dim);font-weight:500}

/* MINING PANEL */
.panel-mining{border:1px solid var(--border);background:var(--bg-panel)}

.wallet-row{padding:10px 12px;border-top:1px solid var(--border)}
.wallet-label{
display:block;font-size:11px;font-weight:600;
color:var(--text-dim);margin-bottom:6px;
letter-spacing:.5px;text-transform:uppercase
}
.wallet-input-wrap{display:flex}
.wallet-input{
width:100%;background:var(--bg-input);
border:1px solid var(--border);border-radius:0;
color:var(--orange);padding:7px 10px;
font-family:var(--font-mono);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:0;padding:10px 12px;border-top:1px solid var(--border)}
.btn{
flex:1;padding:8px 16px;font-family:var(--font-ui);
font-size:12px;font-weight:600;
border:1px solid;border-radius:0;cursor:pointer;
text-transform:uppercase;transition:all .15s;
text-align:center;letter-spacing:.5px
}
.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)}

/* LOG */
.panel-log{border:1px solid var(--border);background:var(--bg-panel);border-top:none}
.log-terminal{
padding:10px 12px;min-height:100px;max-height:180px;
font-family:var(--font-mono);
font-size:11px;color:var(--text-dim);line-height:1.5;
white-space:pre-wrap;word-break:break-all;
overflow-y:auto;background:var(--bg-input)
}

/* STATUS BAR */
.status-bar{
display:flex;align-items:center;justify-content:space-between;
padding:4px 12px;height:24px;min-height:24px;
background:var(--bg-footer);border-top:1px solid var(--border);
font-size:11px;color:var(--text-muted)
}
.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:12px}

/* SCROLLBAR */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--border-light)}

/* RESPONSIVE */
@media(max-width:900px){
.panel-grid-4{grid-template-columns:repeat(2,1fr)}
.panel-grid-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.panel-grid-4,.panel-grid-3,.panel-grid-2{grid-template-columns:1fr}
.header-title{font-size:12px}
.data-value{font-size:13px}
.tab{padding:5px 10px;font-size:11px}
.controls{flex-direction:column;gap:4px}
}