*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0c0e14;color:#e2e8f0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}nav{position:sticky;top:0;z-index:50;background:#161b27;border-bottom:1px solid #252d3d}.nav-inner{max-width:1200px;margin:0 auto;padding:0 20px;height:52px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;letter-spacing:.01em;color:#e2e8f0}.brand-icon{font-size:20px;line-height:1}.nav-right{display:flex;align-items:center;gap:14px}.btn-logout{background:transparent;border:1px solid #252d3d;color:#64748b;border-radius:6px;padding:5px 14px;cursor:pointer;font-size:13px;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:#3b82f6;color:#e2e8f0}.mqtt-dot{width:8px;height:8px;border-radius:50%;background:#64748b;display:inline-block;flex-shrink:0;transition:background .3s}.mqtt-dot.live{background:#22c55e;box-shadow:0 0 6px #22c55e88}main{max-width:1200px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:660px){main{grid-template-columns:1fr}}.card{background:#161b27;border:1px solid #252d3d;border-radius:10px;padding:20px}.full{grid-column:1 / -1}.card-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header .card-label{margin-bottom:0}.version-num{font-size:42px;font-weight:800;color:#3b82f6;letter-spacing:-.02em;line-height:1;margin-bottom:8px}.version-meta{font-size:12px;color:#64748b}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:6px;vertical-align:middle}.alert-ok,.alert-err{border-radius:6px;padding:8px 12px;font-size:13px;margin-top:12px}.alert-ok{background:#22c55e18;border:1px solid #22c55e44;color:#22c55e}.alert-err{background:#ef444418;border:1px solid #ef444444;color:#ef4444}label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:5px}input[type=text],input[type=password],select{width:100%;background:#0c0e14;border:1px solid #252d3d;border-radius:6px;color:#e2e8f0;padding:8px 10px;font-size:14px;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,select:focus{border-color:#3b82f6}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.drop-area{border:2px dashed #252d3d;border-radius:8px;padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-top:12px}.drop-area.over,.drop-area:hover{border-color:#3b82f6;background:#3b82f608}.drop-icon{font-size:28px;margin-bottom:6px;line-height:1}.drop-label{font-size:13px;color:#e2e8f0;margin-bottom:2px}.drop-hint{font-size:11px;color:#64748b}.drop-name{font-size:12px;color:#3b82f6;margin-top:6px;word-break:break-all}.upload-btn,.refresh-btn,.btn-send,.cfg-btn{cursor:pointer;border-radius:6px;font-size:13px;font-weight:500;padding:7px 16px;transition:background .15s,opacity .15s;border:none}.upload-btn{background:#3b82f6;color:#fff;margin-top:14px;width:100%;padding:9px;font-size:14px}.upload-btn:hover{background:#2563eb}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn{background:transparent;border:1px solid #252d3d;color:#64748b}.refresh-btn:hover{border-color:#3b82f6;color:#e2e8f0}.btn-cancel{cursor:pointer;border-radius:6px;font-size:13px;font-weight:500;padding:7px 16px;background:transparent;border:1px solid #252d3d;color:#64748b;transition:border-color .15s,color .15s}.btn-cancel:hover{border-color:#ef4444;color:#ef4444}.btn-send{background:#3b82f6;color:#fff}.btn-send:hover{background:#2563eb}.btn-send:disabled{opacity:.5;cursor:not-allowed}.cfg-btn{background:transparent;border:1px solid #252d3d;color:#64748b;padding:4px 10px;font-size:15px}.cfg-btn:hover{border-color:#3b82f6;color:#3b82f6}.cfg-btn.logs-btn:hover{border-color:#22c55e;color:#22c55e}.dev-table{width:100%;border-collapse:collapse;font-size:13px}.dev-table th{text-align:left;color:#64748b;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:0 10px 10px;border-bottom:1px solid #252d3d}.dev-table td{padding:10px;border-bottom:1px solid #1a2030;vertical-align:middle}.dev-table tr:last-child td{border-bottom:none}.dev-table tr:hover td{background:#1a2030}td.mac{font-family:Courier New,monospace;font-size:12px;color:#94a3b8;letter-spacing:.04em}td.ts{color:#64748b;font-size:12px}td.ver{color:#3b82f6;font-family:Courier New,monospace;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;letter-spacing:.04em}.badge-on{background:#22c55e18;color:#22c55e;border:1px solid #22c55e44}.badge-off{background:#64748b18;color:#64748b;border:1px solid #64748b33}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-on .badge-dot{background:#22c55e}.badge-off .badge-dot{background:#64748b}.no-devices{text-align:center;padding:32px 0;color:#64748b;font-size:13px}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:100;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:#161b27;border:1px solid #252d3d;border-radius:12px;width:100%;max-width:480px;padding:24px}.modal-wide{max-width:680px}.modal-title{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:18px}.modal-title span{font-family:Courier New,monospace;color:#3b82f6;font-size:13px;font-weight:400;margin-left:8px}.form-row{margin-bottom:14px}.modal-resp{margin-top:14px;border-radius:6px;overflow:auto;max-height:200px}.modal-resp.ok pre{background:#22c55e10;border:1px solid #22c55e33;color:#22c55e}.modal-resp.err pre{background:#ef444410;border:1px solid #ef444433;color:#ef4444}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}pre{background:#0c0e14;border:1px solid #252d3d;border-radius:6px;padding:12px;overflow:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.6;color:#94a3b8}code{font-family:Courier New,monospace;font-size:12px;background:#0c0e14;padding:1px 5px;border-radius:4px;color:#94a3b8}.hl{color:#3b82f6}.hl2{color:#22c55e}.curl-label{font-size:11px;color:#64748b;margin-bottom:6px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#0c0e14}.login-card{background:#161b27;border:1px solid #252d3d;border-radius:12px;padding:36px 32px;width:100%;max-width:380px}.login-title{font-size:22px;font-weight:800;color:#e2e8f0;margin-bottom:6px;display:flex;align-items:center;gap:10px}.login-sub{font-size:13px;color:#64748b;margin-bottom:28px}.login-field{margin-bottom:16px}.login-btn{width:100%;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s}.login-btn:hover{background:#2563eb}.login-btn:disabled{opacity:.5;cursor:not-allowed}.settings-section-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:14px}.debug-toggles{display:flex;flex-direction:column;gap:14px;margin-top:4px}.toggle-row{display:flex;align-items:center;gap:12px}.toggle-info{flex:1;min-width:0}.toggle-label{display:block;font-size:13px;color:#e2e8f0;font-weight:500;margin-bottom:1px}.toggle-desc{display:block;font-size:11px;color:#475569}.toggle-btn{position:relative;width:44px;height:24px;background:#252d3d;border:1px solid #3b4559;border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s;padding:0;flex-shrink:0}.toggle-btn.on{background:#3b82f6;border-color:#3b82f6}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;pointer-events:none}.toggle-btn.on .toggle-thumb{transform:translate(20px)}.toggle-status{font-size:12px;color:#64748b;min-width:24px}.toggle-status.on{color:#22c55e}.log-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}td.row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.log-window{background:#0c0e14;border:1px solid #252d3d;border-radius:6px;height:300px;overflow-y:auto;padding:8px;font-family:Courier New,monospace;font-size:12px}.log-window-modal{height:360px}.log-line{display:flex;gap:10px;padding:3px 0;border-bottom:1px solid #14191f;line-height:1.5}.log-line:last-of-type{border-bottom:none}.log-ts{color:#475569;flex-shrink:0;min-width:76px}.log-mac{color:#3b82f6;flex-shrink:0;min-width:104px}.log-text{color:#94a3b8;word-break:break-all}.log-empty{display:block;color:#475569;font-size:12px;padding:10px 4px}.pause-active{border-color:#f59e0b!important;color:#f59e0b!important}