:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#090a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden}body{min-width:320px;background:radial-gradient(circle at 10% 20%,rgba(90,0,255,.15) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(0,245,255,.1) 0%,transparent 45%);background-attachment:fixed}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;cursor:pointer}main{width:min(1200px,calc(100% - 32px));margin:16px auto;padding:20px;height:calc(100vh - 32px);height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#0f111a;border:14px solid #1c202e;border-radius:20px;box-shadow:inset 0 0 20px #000000f2,0 0 0 2px #ffffff0d,0 25px 60px #000c;position:relative;overflow:hidden;box-sizing:border-box}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px;padding:12px 20px;background:#0d0f16e6;border:1px solid rgba(255,255,255,.05);border-radius:8px}.machineHeader{display:flex;align-items:center;gap:12px}.machineTitle strong{display:block;font-family:monospace;font-size:18px;color:#fff;font-weight:900;letter-spacing:1px}.machineTitle span{display:block;margin-top:2px;color:#5d6878;font-size:9px;font-weight:700;letter-spacing:.5px}.machineStatus{display:flex;align-items:center;gap:16px}.ledContainer{display:inline-flex;align-items:center;gap:6px}.led{width:8px;height:8px;border-radius:50%;background:#1a202c;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 2px #fff3}.led.green{background:#0fa;box-shadow:0 0 8px #0fa,inset 0 1px 2px #fff6}.led.blue{background:#00d2ff;box-shadow:0 0 8px #00d2ff,inset 0 1px 2px #fff6}.led.blinking{animation:ledBlink .8s infinite alternate}@keyframes ledBlink{0%{opacity:.3}to{opacity:1;filter:brightness(1.2)}}.ledLabel{font-family:monospace;font-size:10px;color:#8a99ad;font-weight:700}.machinePill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff08;color:#8a99ad;font-family:monospace;font-size:10px;font-weight:700}.topMessage{margin:0 0 16px;color:#ff4a4a;background:#ff4a4a1a;border:1px solid rgba(255,74,74,.2);padding:10px 14px;border-radius:8px;font-weight:700;font-size:14px}.workspace{flex:1 1 0%;display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:18px;align-items:stretch;min-height:0;overflow:hidden}.workspaceLeft{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#04060b;border:4px solid #141721;border-radius:10px;box-shadow:inset 0 0 18px #000000f2;position:relative}.workspaceLeft:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%);z-index:10;background-size:100% 4px;pointer-events:none;opacity:.4}.workspaceContent{display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:18px;height:100%}.dropzone,.jobPanel,.progressSection,.resultsSection{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#121620b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000059;transition:border-color .25s ease,box-shadow .25s ease}.dropzone{flex:1 1 0%;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px;position:relative;overflow:hidden;border:2px dashed rgba(255,255,255,.15);transition:all .3s cubic-bezier(.25,.8,.25,1)}.dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,242,254,.04) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.dropzone.isDragging{border-color:#00f5ff;background:#00f2fe08;box-shadow:0 0 30px #00f2fe26;transform:scale(.995)}.dropzone.isDragging:before{opacity:1}.dropzoneTop{display:flex;gap:20px;align-items:center;position:relative;z-index:1}.dropIcon{width:74px;height:74px;display:grid;flex:0 0 auto;place-items:center;border:1px solid rgba(0,242,254,.25);border-radius:10px;color:#00f2fe;background:#00f2fe14;box-shadow:0 0 15px #00f2fe1a}.dropzone h1{font-size:clamp(32px,4.5vw,56px);font-weight:900;line-height:1.05;color:#fff}.eyebrow{margin:0 0 6px;text-transform:uppercase;font-size:11px;font-weight:900;color:#00f2fe;letter-spacing:1.5px;text-shadow:0 0 8px rgba(0,242,254,.25)}.dropCopy{max-width:600px;margin:18px 0 0;color:#8a99ad;font-size:16px;line-height:1.55;font-weight:500;position:relative;z-index:1}.actions{display:flex;gap:12px;margin-top:28px;position:relative;z-index:1}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border-radius:8px;font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button.primary{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#090a0f;border:none;box-shadow:0 4px 15px #00f2fe33}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#05e4ef,#3895e6);box-shadow:0 6px 20px #00f2fe59}button.primary:disabled{background:#ffffff14;color:#ffffff4d;box-shadow:none;cursor:not-allowed}button:disabled{opacity:.5;cursor:not-allowed}.acceptLine{margin-top:18px;color:#5d6878;font-size:12px;font-weight:500}.jobPanel{padding:20px;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.panelHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panelHeader span{color:#8a99ad;font-size:12px;font-weight:700;text-transform:uppercase}.panelHeader strong{display:block;margin-top:2px;font-size:20px;font-weight:900;color:#fff}.limitMeter{--meter: 0%;position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#00f2fe var(--meter),rgba(255,255,255,.08) 0);box-shadow:0 0 10px #00f2fe1a}.limitMeter:after{content:"";position:absolute;width:44px;height:44px;background:#0d1017;border-radius:50%;z-index:1}.limitMeter strong,.limitMeter small,.limitMeter svg{position:relative;z-index:2}.limitMeter svg{display:none}.limitMeter strong{font-size:14px;font-weight:900;color:#fff;margin:0;line-height:1}.limitMeter small{font-size:9px;color:#8a99ad;margin-top:1px}.accountNotice{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:18px;border:1px solid rgba(255,255,255,.05);background:#ffffff08}.accountNotice.registered{color:#00f2fe;background:#00f2fe0d;border-color:#00f2fe26}.industrialConsole{margin-top:auto;padding:16px;background:#14171f;border:2px solid #282f3d;border-radius:6px;box-shadow:inset 0 0 10px #000c;display:flex;flex-direction:column;gap:14px}.metalPlate{background:linear-gradient(180deg,#d3d8e0,#aab2bd);border:2px solid #5a6472;border-radius:4px;padding:10px;text-align:center;color:#12151c;box-shadow:0 4px 8px #0006,inset 0 1px #ffffff80;position:relative}.metalPlate:before,.metalPlate:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#3a414c;box-shadow:inset 0 1px 1px #00000080,0 1px #ffffff4d;top:4px}.metalPlate:before{left:4px}.metalPlate:after{right:4px}.metalPlate strong{display:block;font-family:monospace;font-size:14px;font-weight:900;letter-spacing:1px;color:#1c202a}.metalPlate span{display:block;font-family:monospace;font-size:9px;font-weight:700;margin-top:2px;color:#3b424d}.metalPlate small{display:block;font-family:monospace;font-size:8px;font-weight:600;margin-top:1px;color:#4f5866}.togglesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.toggleControl{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:8px;border-radius:4px}.toggleLabel{font-family:monospace;font-size:9px;font-weight:800;color:#8a99ad}.toggleSwitch{width:32px;height:18px;background:#101217;border:1px solid #323a47;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:8px;font-weight:900;color:#ff4a4a;cursor:default;-webkit-user-select:none;user-select:none}.toggleSwitch:after{content:"";position:absolute;width:14px;height:14px;background:linear-gradient(180deg,#d3d8e0,#8c96a3);border:1px solid #4a5463;border-radius:2px;top:1px;left:1px;transition:transform .1s ease;box-shadow:0 1px 3px #00000080}.toggleSwitch.active{color:#0fa}.toggleSwitch.active:after{transform:translate(14px)}.warningPanel{border:2px solid #c97d1e;background:#c97d1e14;padding:10px;border-radius:4px;color:#c97d1e}.warningPanel strong{display:block;font-family:monospace;font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:4px;text-align:center}.warningPanel p{margin:0;font-family:monospace;font-size:9px;line-height:1.35;font-weight:700;text-transform:uppercase}.statsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.statsGrid div{padding:12px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.statsGrid span{display:block;font-size:11px;color:#8a99ad;text-transform:uppercase}.statsGrid strong{display:block;margin-top:4px;font-size:18px;color:#fff;font-weight:900}.filePreview{max-height:150px;overflow-y:auto;margin-bottom:18px;padding-right:4px}.filePreview div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.filePreview span{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.filePreview small{color:#8a99ad}.filePreview em{display:block;text-align:center;font-size:11px;color:#8a99ad;margin-top:8px;font-style:normal}.panelActions{display:flex;gap:10px;margin-top:auto}.panelActions button{flex:1}.message{margin:12px 0 0;color:#ff4a4a;font-size:12px;font-weight:600}.progressSection{margin-top:18px;padding:20px}.progressTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progressTop h2{font-size:18px;font-weight:900;color:#fff}.progressTop strong{font-size:20px;color:#00f2fe}.progressBar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:12px}.progressBar span{display:block;height:100%;background:linear-gradient(90deg,#00f2fe,#4facfe);box-shadow:0 0 10px #00f2fe80;transition:width .3s ease}.jobCounters{display:flex;gap:16px;font-size:12px;color:#8a99ad;font-weight:600}.downloads{display:flex;gap:10px;margin-top:16px}.downloads a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;background:#00f2fe0f;border:1px solid rgba(0,242,254,.15);color:#00f5ff;transition:all .2s ease}.downloads a:hover{background:#00f2fe1f;border-color:#00f2fe4d;transform:translateY(-1px)}.resultsSection{padding:20px;flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.resultsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.resultsHeader h2{font-size:20px;font-weight:900;color:#fff}.searchBox{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08;width:280px}.searchBox input{border:none;background:transparent;color:#fff;font-size:13px;width:100%;outline:none}.searchBox input::placeholder{color:#5d6878}.searchBox svg{color:#8a99ad}.summaryBand{display:flex;gap:20px;padding:14px;border-radius:8px;background:#00f2fe08;border:1px solid rgba(0,242,254,.1);margin-bottom:16px}.summaryBand div:first-child{flex:0 0 auto;border-right:1px solid rgba(255,255,255,.08);padding-right:20px}.summaryBand strong{display:block;font-size:24px;font-weight:900;color:#00f2fe}.summaryBand p{margin:4px 0 0;color:#8a99ad;font-size:13px;line-height:1.45}.tableWrap{width:100%;margin-top:12px;overflow-x:auto;flex:1 1 0%;min-height:0;overflow-y:auto;border-bottom:1px solid rgba(255,255,255,.08)}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}th{color:#8a99ad;font-weight:700;background:#ffffff05;text-transform:uppercase;font-size:11px;letter-spacing:.5px}td strong{color:#fff;font-weight:700}td small{color:#8a99ad}.resultDot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.resultDot.passed{background:#0fa;box-shadow:0 0 6px #0fa}.resultDot.failed{background:#ff4a4a;box-shadow:0 0 6px #ff4a4a}.tags{display:flex;flex-wrap:wrap;gap:4px}.tags span{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:4px;background:#ffffff0d;color:#e2e8f0;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.05)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#8a99ad;font-size:12px;font-weight:600}.iconButton{background:transparent;border:1px solid rgba(255,255,255,.1);padding:6px;min-height:auto;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.iconButton:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.hiddenInput{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:900px){.workspace{grid-template-columns:1fr}}