html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000;font-family:system-ui,sans-serif}.auth-screen{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#e0e0e0;background:#0b0b0b}.auth-screen button{padding:8px 18px;font-size:14px;color:#e0e0e0;background:#2a2a2a;border:1px solid #5a8ad0;border-radius:6px;cursor:pointer}.logout-btn{position:absolute;bottom:8px;left:8px;z-index:10;padding:3px 10px;font-size:11px;color:#e0e0e0;background:#0009;border:1px solid #555;border-radius:4px;cursor:pointer}.status-bar{position:absolute;top:8px;left:8px;z-index:10;padding:6px 10px;border-radius:6px;background:#0009;color:#e0e0e0;font-size:12px;line-height:1.4}.status-bar .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.ok{background:#3ad13a}.dot.down{background:#d13a3a}.status-bar .controls{margin-top:6px}.status-bar button{margin-right:6px;padding:3px 10px;font-size:12px;color:#e0e0e0;background:#2a2a2a;border:1px solid #555;border-radius:4px;cursor:pointer}.status-bar button:hover:not(:disabled){background:#3a3a3a}.status-bar button:disabled{opacity:.5;cursor:default}.status-bar select{margin-right:6px;padding:2px 6px;font-size:12px;color:#e0e0e0;background:#2a2a2a;border:1px solid #555;border-radius:4px}.sites-panel{position:absolute;left:8px;top:150px;z-index:10;width:230px;max-height:60vh;overflow-y:auto;padding:10px 12px;border-radius:6px;background:#000000b3;color:#e0e0e0;font-size:12px}.sites-panel .site-list{list-style:none;margin:6px 0;padding:0}.sites-panel .site-list li{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.sites-panel .del{background:transparent;border:none;color:#d98a8a;cursor:pointer;padding:0 4px}.sites-panel .new-site{margin-top:6px;border-top:1px solid #444;padding-top:6px}.sites-panel .coords{color:#9bd1e8;margin-bottom:4px}.sites-panel .row{display:flex;justify-content:space-between;align-items:center;margin:3px 0;gap:6px}.sites-panel .row>span{color:#aaa}.sites-panel input,.sites-panel select{width:110px;background:#1e1e1e;color:#e0e0e0;border:1px solid #555;border-radius:4px;padding:2px 6px}.sites-panel button{color:#e0e0e0;background:#2a2a2a;border:1px solid #555;border-radius:4px;padding:3px 10px;cursor:pointer}.sites-panel button.active{background:#3a5a8a;border-color:#5a8ad0}.sites-panel button.solve{background:#2f5a2f;border-color:#4a8a4a}.sites-panel .actions{display:flex;gap:6px;margin-top:6px}.panel{position:absolute;top:8px;right:8px;z-index:10;width:260px;padding:10px 12px;border-radius:6px;background:#000000b3;color:#e0e0e0;font-size:12px}.panel-title{font-weight:600;margin-bottom:8px}.panel .row{display:flex;align-items:center;justify-content:space-between;margin:4px 0;gap:8px}.panel .row>span:first-child{color:#aaa}.panel select,.panel input[type=number]{background:#1e1e1e;color:#e0e0e0;border:1px solid #555;border-radius:4px;padding:2px 6px;width:130px}.panel .radio{margin-left:6px;color:#e0e0e0}.panel input.narrow{width:46px}.panel .hint{margin-top:4px;font-size:11px;color:#9be89b}.panel .fixed-point{margin:6px 0;padding:6px;border:1px dashed #555;border-radius:4px}.panel button{color:#e0e0e0;background:#2a2a2a;border:1px solid #555;border-radius:4px;padding:3px 10px;cursor:pointer}.panel button:hover:not(:disabled){background:#3a3a3a}.panel button:disabled{opacity:.5;cursor:default}.panel button.active{background:#3a5a8a;border-color:#5a8ad0}.panel button.solve{width:100%;margin-top:8px;padding:5px}.panel .results{margin-top:10px;border-top:1px solid #444;padding-top:8px}.panel .best{margin-bottom:8px;color:#9be89b;line-height:1.4}.panel .best.none{color:#e89b9b}.panel table{width:100%;border-collapse:collapse;font-size:11px}.panel th,.panel td{text-align:left;padding:2px 4px}.panel tr.ok td{color:#cfe8cf}.panel tr.no td{color:#888}.panel tr.best-row td{background:#3ad13a2e;color:#cfffcf;font-weight:600}