*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#333}header{background:#1a73e8;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}header>*{flex:1}header h1{font-size:1.1em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header>div:last-child{display:flex;justify-content:flex-end}.hdr-sep{display:none;flex:0 0 1px;width:1px;height:24px;background:#ffffff4d}@media(max-width:600px){.hdr-sep{display:block}}header button{background:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85em}header button:hover{background:#ffffff4d}nav{display:flex;background:#fff;border-bottom:2px solid #e0e0e0;overflow-x:auto}nav a{flex:1;padding:10px 8px;text-align:center;text-decoration:none;color:#555;font-size:.9em;border-bottom:3px solid transparent;transition:all .2s}nav a.active,nav a[aria-current=page]{color:#1a73e8;border-bottom-color:#1a73e8;font-weight:600}nav a:hover{background:#f5f5f5}.page{padding:16px;max-width:600px;margin:0 auto}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.card h3{margin-bottom:10px;font-size:1em;color:#1a73e8}.row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}.row:last-child{border-bottom:none}.label{color:#666;font-size:.9em}.value{font-weight:600;font-size:.95em}.on{color:#2e7d32}.off{color:#999}.warn{color:#e65100}.dist{font-size:1.8em;text-align:center;padding:12px;color:#1a73e8}label{display:block;margin:8px 0 4px;font-size:.9em;color:#555}input[type=text],input[type=password],input[type=number]{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:.95em}input:focus{outline:none;border-color:#1a73e8}input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.btn{display:inline-block;width:100%;padding:10px;margin-top:12px;background:#1a73e8;color:#fff;border:none;border-radius:4px;font-size:1em;cursor:pointer;text-align:center}.btn:hover{background:#1557b0}.btn-danger{background:#d32f2f}.btn-danger:hover{background:#b71c1c}.btn-outline{background:#fff;color:#1a73e8;border:1px solid #1a73e8}.btn-outline:hover{background:#e8f0fe}.msg{padding:8px;border-radius:4px;margin-top:8px;font-size:.9em}.msg.ok{background:#e8f5e9;color:#2e7d32}.msg.err{background:#ffebee;color:#c62828}#debugLog{background:#1e1e1e;color:#d4d4d4;font-family:Consolas,Courier New,monospace;font-size:.8em;padding:10px;border-radius:4px;height:400px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f0f2f5}.login-box{background:#fff;border-radius:8px;padding:32px;box-shadow:0 2px 8px #00000026;width:320px}.login-box h2{text-align:center;color:#1a73e8;margin-bottom:20px}.progress{width:100%;background:#e0e0e0;border-radius:4px;overflow:hidden;height:20px;margin-top:8px}.progress-bar{height:100%;background:#1a73e8;transition:width .3s;text-align:center;color:#fff;font-size:.8em;line-height:20px}.section{margin-bottom:20px}.section h4{margin-bottom:8px;color:#444}.btn-group{display:flex;gap:8px}.btn-group .btn{flex:1}.relay-status{display:flex;align-items:center;gap:8px}.btn-sm{padding:4px 12px;border:none;border-radius:4px;font-size:.8em;cursor:pointer;color:#fff;font-weight:600}.btn-sm-on{background:#2e7d32}.btn-sm-on:hover{background:#1b5e20}.btn-sm-danger{background:#d32f2f}.btn-sm-danger:hover{background:#b71c1c}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0 12px;margin-bottom:4px;border-bottom:1px solid #f0f0f0}.toggle-row label:first-child{margin:0;font-weight:600;color:#333}.switch{position:relative;display:inline-block;width:48px;height:26px;margin:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:26px;transition:.3s}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background:#2e7d32}.switch input:checked+.slider:before{transform:translate(22px)}.scan-results{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;max-height:250px;overflow-y:auto}.scan-item:hover{background:#e8f0fe}.scan-item:last-child{border-bottom:none!important}.btn:disabled{background:#999;cursor:not-allowed}select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:.95em;background:#fff;margin-bottom:4px}select:focus{outline:none;border-color:#1a73e8}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:.9em;box-shadow:0 4px 12px #0003;pointer-events:auto;cursor:pointer;animation:toastIn .3s ease-out;min-width:200px}.toast-ok{background:#2e7d32;color:#fff}.toast-err{background:#c62828;color:#fff}.toast-icon{font-size:1.1em;font-weight:700;flex-shrink:0}.toast-text{flex:1}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hb-label{display:flex;align-items:center;justify-content:center;gap:5px}.hb{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.hb-on{background:#4caf50;box-shadow:0 0 6px #4caf50;animation:hbPulse 2s infinite}.hb-off{background:#f44336;box-shadow:0 0 6px #f44336;animation:hbPulse 1s infinite}.hb-text{font-size:.85em;color:#fffc}.hb-sep{color:#ffffff4d;font-size:.85em;margin:0 2px}.rssi-bars{font-size:.95em;letter-spacing:1px}.rssi-active{color:#fff}.rssi-dim{color:#fff3}.rssi-scan-active{color:#1a73e8}.rssi-scan-dim{color:#ccc}.ip-error{border-color:#d32f2f!important}.field-error{color:#d32f2f;font-size:.8em;margin:2px 0 4px}@keyframes hbPulse{0%,to{opacity:1}50%{opacity:.4}}.help-section h3{cursor:pointer;-webkit-user-select:none;user-select:none}.help-toggle{display:flex;align-items:center;gap:6px}.help-arrow{font-size:.7em;color:#999;width:12px}.help-body{margin-top:10px}.help-body h4{margin:12px 0 6px;font-size:.9em;color:#444}.help-body p{font-size:.88em;color:#555;margin:4px 0;line-height:1.5}.help-body ul{margin:4px 0 8px 18px;font-size:.88em;color:#555;line-height:1.6}.help-body li{margin-bottom:2px}.help-table{width:100%;border-collapse:collapse;font-size:.85em;margin:6px 0 10px}.help-table th{text-align:left;background:#f5f7fa;padding:6px 8px;border-bottom:2px solid #e0e0e0;color:#444;font-weight:600}.help-table td{padding:5px 8px;border-bottom:1px solid #f0f0f0;color:#555}.help-table tr:last-child td{border-bottom:none}.hint{font-size:.82em;color:#888;margin:4px 0;font-style:italic}