*{box-sizing:border-box}body{color:#f5f5f5;background:#050505;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px}button,input,select{font:inherit}.app{min-height:100vh;display:flex}.sidebar{background:#080808;border-right:1px solid #1d1d1d;width:210px;padding:22px}.sidebar h1{letter-spacing:-1px;margin:0;font-size:22px}.sidebar span{color:#777;font-size:11px}.sidebar nav{gap:8px;margin-top:35px;display:grid}.sidebar button{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.sidebar button:hover,.sidebar .active{color:#fff;background:#111;border-color:#2a2a2a}.main{flex:1;padding:24px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h2{margin:0;font-size:18px}.header p{color:#777;margin:4px 0 0;font-size:12px}.connection{color:#aaa;align-items:center;gap:8px;font-size:12px;display:flex}.connection span{background:#fff;border-radius:50%;width:7px;height:7px}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card,.panel,.form,.tableBox{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:16px;padding:18px}.card p{color:#777;margin:0;font-size:12px}.card h3{margin:10px 0 0;font-size:26px}.panel{margin-top:16px}.panel h3,.form h3,.tableBox h3{margin-top:0;font-size:15px}.split{grid-template-columns:320px 1fr;gap:16px;display:grid}.form{gap:10px;height:fit-content;display:grid}input,select{color:#fff;background:#050505;border:1px solid #252525;border-radius:10px;outline:none;width:100%;padding:10px}input:focus,select:focus{border-color:#fff}button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:10px 12px}button:hover{opacity:.85}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #1d1d1d;padding:12px 8px;font-size:12px}th{color:#777;font-weight:400}.commandRow{border:1px solid #1d1d1d;border-radius:14px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px;display:flex}.commandRow p{color:#777;margin:4px 0 0}.commandRow div:last-child{gap:8px;display:flex}.log{color:#bbb;border:1px solid #1d1d1d;border-radius:10px;padding:10px}.loginPage{color:#fff;background:#050505;place-items:center;min-height:100vh;display:grid}.loginBox{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:18px;width:360px;padding:28px}.loginLogo{margin-bottom:28px}.loginLogo h1{letter-spacing:-2px;margin:0;font-size:34px}.loginLogo span{color:#777;font-size:12px}.loginForm{gap:10px;display:grid}.loginForm label{color:#aaa;margin-top:8px;font-size:12px}.inputIcon{background:#050505;border:1px solid #252525;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.inputIcon input{border:0;padding-left:0}.inputIcon input:focus{border:0}.loginForm button{margin-top:14px}.loginFooter{color:#666;text-align:center;margin:22px 0 0;font-size:11px}.ghostButton{color:#aaa;background:0 0;border:1px solid #252525;width:100%;margin-top:12px}.ghostButton:hover{color:#fff;background:#111}.dangerButton:hover{background:#1a1a1a;border-color:#777}.programCard{background:#080808;border:1px solid #1d1d1d;border-radius:14px;margin-top:10px;padding:14px}.programCard p{color:#bbb;margin:8px 0}.programCard small{color:#777;margin-bottom:10px;display:block}.headerRight{align-items:center;gap:10px;display:flex}.presetCard,.machineCard,.scriptCard{background:#080808;border:1px solid #1d1d1d;border-radius:14px;margin-top:10px;padding:14px}.presetCard{justify-content:space-between;gap:12px;display:flex}.presetCard p,.machineCard p{color:#777;margin:4px 0 0}.activePreset{border-color:#fff}.rowButtons{align-items:center;gap:8px;display:flex}.machinesPage{gap:16px;display:grid}.machineHeader{justify-content:space-between;gap:12px;display:flex}.attrs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.attr{background:#050505;border:1px solid #222;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.miniDanger{color:#999;background:0 0;border:1px solid #333;border-radius:50%;padding:2px 6px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{color:#999;background:0 0;border:1px solid #252525}.tabs .activeTab{color:#000;background:#fff}.codeArea{resize:vertical;color:#fff;background:#050505;border:1px solid #252525;border-radius:10px;outline:none;width:100%;min-height:210px;padding:12px;font-family:Consolas,monospace;font-size:12px}pre{color:#ccc;background:#050505;border:1px solid #222;border-radius:10px;padding:12px;font-size:12px;overflow:auto}.empty{color:#777;font-size:12px}.dangerButton{color:#fff;background:0 0;border:1px solid #333}.dangerButton:hover{background:#1a1a1a}.terminalLine.error{border-color:#555}.commandGrid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;display:grid}.machineDetailsPage{gap:16px;display:grid}.machineDetailsHeader{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.machineDetailsHeader h3{margin:0;font-size:16px}.machineDetailsHeader p{color:#777;margin:4px 0 0;font-size:12px}.machineInfoGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.infoCard{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:16px;padding:16px}.infoCard span{color:#777;margin-bottom:8px;font-size:11px;display:block}.infoCard strong{font-size:16px}.machineList{gap:10px;display:grid}.machineSelectCard{color:#fff;text-align:left;background:#080808;border:1px solid #1d1d1d;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px;display:flex}.machineSelectCard:hover{border-color:#fff}.machineSelectCard p{color:#777;margin:4px 0 0;font-size:12px}.machineSelectCard span{color:#999;border:1px solid #333;border-radius:999px;padding:4px 8px;font-size:11px}.attributeRow{background:#080808;border:1px solid #1d1d1d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px;display:flex}.attributeRow p{color:#777;margin:5px 0 0;font-size:12px}.commandGrid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.scriptPage{gap:14px;display:grid}.scriptToolbar{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.scriptToolbar h3{margin:0;font-size:15px}.scriptToolbar p{color:#777;margin:4px 0 0;font-size:12px}.scriptGrid{grid-template-columns:1fr 360px;gap:14px;display:grid}.mainCodeArea{resize:vertical;color:#f5f5f5;background:#050505;border:1px solid #1d1d1d;border-radius:16px;outline:none;width:100%;min-height:620px;padding:18px;font-family:Consolas,monospace;font-size:13px;line-height:1.6}.mainCodeArea:focus{border-color:#fff}.terminal{background:#050505;border:1px solid #1d1d1d;border-radius:16px;max-height:620px;padding:14px;overflow:auto}.terminalHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.terminalHeader strong{font-size:13px}.terminalHeader span{color:#999;border:1px solid #333;border-radius:999px;padding:4px 8px;font-size:10px}.terminalLine{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:10px;margin-bottom:8px;padding:10px}.terminalLine small{color:#666;font-size:10px}.terminalLine p{margin:5px 0 0;font-size:12px}.terminalLine.error p{color:#ffb3b3}.terminalLine.success p{color:#d7ffd7}.terminalLine.run p{color:#fff}.terminalLine.info p{color:#aaa}.machineTopBar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.machineTopBar h3{margin:0}.machineTopBar p{color:#777;margin:4px 0 0;font-size:12px}.modalOverlay{z-index:1000;background:#000000d1;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#0b0b0b;border:1px solid #252525;border-radius:18px;width:340px;padding:24px}.modal h3{margin:0;font-size:16px}.modal p{color:#777;margin:12px 0 16px;font-size:12px}.tokenBox{text-align:center;letter-spacing:2px;background:#050505;border:1px solid #333;border-radius:12px;margin-top:16px;padding:14px;font-size:20px;font-weight:700}