:root{font-family:Segoe UI,Arial,sans-serif;color:#163b38;background:#f2f5f3;font-size:17px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:#174a43;color:white;padding:18px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}header strong{font-size:22px}header span{font-size:13px}main{max-width:760px;margin:auto;padding:14px}h1{font-size:25px;margin:20px 0 15px}h2{font-size:20px}p{line-height:1.5}label{display:block;font-weight:650;margin:13px 0}input,select,button{width:100%;font:inherit;min-height:49px;border:1px solid #aec4ba;border-radius:8px;padding:11px;background:white;color:inherit}input,select{margin-top:6px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #e7b94b;outline-offset:2px}button{background:#23634f;color:white;border-color:#23634f;font-weight:650;cursor:pointer;margin:7px 0}button:disabled,input:disabled,select:disabled{opacity:.6;cursor:default}.secondary{background:white;color:#214e45}.danger{background:#9b302b;border-color:#9b302b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings{background:white;border-radius:10px;padding:1px 14px 14px;border:1px solid #cbd9d0}.settings.test{border:3px solid #a67416}.settings.live{border:3px solid #287653}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px;position:sticky;top:0;background:#f2f5f3;z-index:2}nav button{font-size:14px;padding:12px 5px;background:white;color:#174a43}nav button.active{background:#174a43;color:white}.page{background:white;border:1px solid #d4dfd8;border-radius:10px;padding:2px 15px 17px}.help{font-size:14px;color:#526861}.total{font-size:20px;font-weight:bold;background:#eff6ee;padding:12px}.detail:not(:empty),.stock-card{background:#eef5f0;border-radius:8px;padding:13px;margin:12px 0}.detail p,.stock-card p{margin:5px 0}.warning{border:2px solid #a67416;background:#fff4d6;padding:14px;border-radius:8px;margin:14px 0}#message:not(:empty){padding:12px;background:#e4f1e5;border-radius:8px;margin-bottom:12px;white-space:pre-line}#message.error{background:#fbe1de;color:#83221f}footer{display:flex;align-items:center;gap:8px;margin-top:15px}footer button{width:auto;font-size:14px}footer a{margin-left:auto;font-size:14px;color:#24554b}.scan{border:2px solid #34745f}.muted,#station-status{font-size:14px;color:#5a6963}#connection.offline{color:#ffe59c}details{margin-top:18px}summary{padding:12px 0;font-weight:bold}.row{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid #d1dfd4;padding:10px 0}.row:last-child{border:0}@media(max-width:380px){main{padding:8px}.page{padding:2px 10px 12px}header{padding:12px}.grid{gap:8px}nav{gap:4px}nav button{font-size:12px}footer{flex-wrap:wrap}}