:root{--dark-bg: #1a1a1a;--dark-secondary: #2d2d2d;--accent: #ff6b00;--accent-hover: #ff9500;--text-primary: #ffffff;--text-secondary: #888888;--border: #404040;--input-bg: #262626}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--dark-bg)}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}header{height:70px;background:var(--dark-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 6%;gap:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.logo{width:36px;height:36px;background:var(--accent);color:var(--text-primary);border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:20px;flex-shrink:0}header b{font-size:15px}header b span,footer span{color:var(--accent)}header small{display:block;color:var(--text-secondary);font-size:9px;margin-top:2px}.status{margin-left:auto;font-size:9px;font-weight:800;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}.status i.offline{background:#ef4444;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tabs{display:flex;gap:0;background:var(--dark-secondary);border-bottom:1px solid var(--border);padding:0 6%;max-width:1050px;margin:auto}.tab-btn{background:none;border:none;color:var(--text-secondary);padding:16px 20px;font-size:12px;font-weight:600;border-bottom:2px solid transparent;transition:all .2s;cursor:pointer}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}main{max-width:1050px;margin:auto;padding:0 22px 55px}.hero{padding:65px 0 42px;max-width:730px}.hero label,.panel-head small{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1.4px}.hero h1{font-size:58px;line-height:1;letter-spacing:-3px;margin:15px 0}.hero em{font-style:normal;color:var(--accent)}.hero p{font-size:16px;color:var(--text-secondary);line-height:1.6}.panel{background:var(--dark-secondary);border:1px solid var(--border);border-radius:13px;overflow:hidden;margin-top:24px}.panel-head{padding:25px 28px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:22px;margin:5px 0}.panel-head p{font-size:11px;color:var(--text-secondary);margin:0}.controls{display:grid;grid-template-columns:1fr 1.2fr .55fr auto;gap:10px;padding:20px 28px;background:var(--dark-bg);border-bottom:1px solid var(--border)}.controls label{font-size:10px;font-weight:800;color:var(--text-secondary)}.controls label>span{color:var(--text-secondary);font-weight:500}.controls select,.controls input{display:block;width:100%;height:40px;margin-top:6px;border:1px solid var(--border);border-radius:7px;padding:0 10px;background:var(--input-bg);color:var(--text-primary);font-size:12px;outline:0;transition:all .2s}.controls select:focus,.controls input:focus{border-color:var(--accent);background:#ff6b000d}.search-select-wrapper{display:flex;flex-direction:column;font-size:10px;font-weight:800;color:var(--text-secondary)}.optional{font-weight:500;font-size:9px}.search-select{position:relative;margin-top:6px}.search-input{width:100%;height:40px;border:1px solid var(--border);border-radius:7px;padding:0 10px;background:var(--input-bg);color:var(--text-primary);font-size:12px;outline:0;transition:all .2s}.search-input:focus{border-color:var(--accent);background:#ff6b000d}.search-input::placeholder{color:var(--text-secondary)}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:var(--dark-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 7px 7px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 10px 25px #0000004d}.dropdown-item{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:background .15s;border-bottom:1px solid var(--border);font-size:12px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--dark-bg)}.dropdown-item.selected{background:#ff6b001a;color:var(--accent)}.option-name{flex-grow:1;color:var(--text-primary)}.option-code{color:var(--text-secondary);font-size:10px}.dropdown-empty{padding:15px 12px;text-align:center;color:var(--text-secondary);font-size:11px}.selected-tag{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:var(--accent);color:#000;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;pointer-events:none;white-space:nowrap}.quantity-label{display:flex;flex-direction:column;font-size:10px;font-weight:800;color:var(--text-secondary)}.quantity-label input{margin-top:6px}.primary{height:40px;align-self:end;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#000;padding:0 17px;font-size:11px;font-weight:800;transition:all .2s}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.primary:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,107,0,.35);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:7px}.spinner.large{width:28px;height:28px;border-width:3px;border-color:#ff6b0033;border-top-color:var(--accent);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.loading{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text-secondary);font-size:12px;padding:40px 28px}.loading small{color:var(--text-secondary);font-size:10px}.loading.inline{min-height:260px}.error{margin:18px 28px;padding:14px;border:1px solid #b42318;background:#b423181a;border-radius:8px;color:#ff7a66;font-size:11px}.error strong{display:block;margin-bottom:6px}.error p{margin:5px 0 10px}.error button{border:1px solid #b42318;background:transparent;color:#ff7a66;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800;transition:all .2s}.error button:hover{background:#b423181a}.results{padding:22px 28px}.result-title{font-size:13px;font-weight:800;margin-bottom:12px;color:var(--text-primary)}article{border:1px solid var(--border);border-radius:9px;padding:15px;margin-bottom:9px;background:var(--dark-bg);transition:all .2s}article:hover{border-color:var(--accent);background:#ff6b0008}.cardline{display:flex;justify-content:space-between;gap:15px;align-items:center}.cardline b{font-size:10px;color:var(--accent);text-transform:uppercase}.cardline code{font-size:16px;letter-spacing:1px;font-family:Monaco,Courier New,monospace;color:var(--text-primary)}.grid{display:grid;grid-template-columns:1.4fr .6fr .5fr 1fr;gap:14px;margin-top:18px}.grid small{display:block;color:var(--text-secondary);font-size:8px;text-transform:uppercase;margin-bottom:3px}.grid b{font-size:10px;overflow-wrap:anywhere;color:var(--text-primary)}.wide{grid-column:1 / -1}.empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:11px;padding:40px 28px}.empty div{width:38px;height:38px;border-radius:50%;background:#ff6b001a;color:var(--accent);display:grid;place-items:center;font-size:18px}.empty b{color:var(--text-primary)}.empty p{margin:0;color:var(--text-secondary);font-size:10px}.validator-form{padding:20px 28px;background:var(--dark-bg);border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:flex-end}.large-label{flex:1;display:flex;flex-direction:column;font-size:10px;font-weight:800;color:var(--text-secondary)}.large-input{margin-top:6px;width:100%;height:40px;border:1px solid var(--border);border-radius:7px;padding:0 10px;background:var(--input-bg);color:var(--text-primary);font-size:12px;outline:0;transition:all .2s}.large-input:focus{border-color:var(--accent);background:#ff6b000d}.large-input::placeholder{color:var(--text-secondary)}.validation-result{margin:18px 28px;padding:16px;border-radius:9px;border:1px solid var(--border);background:var(--dark-bg);display:flex;gap:14px;align-items:flex-start}.validation-result.valid{border-color:#22c55e;background:#22c55e14}.validation-result.invalid{border-color:#ef4444;background:#ef444414}.result-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;flex-shrink:0}.validation-result.valid .result-icon{background:#22c55e26;color:#22c55e}.validation-result.invalid .result-icon{background:#ef444426;color:#ef4444}.result-content{flex:1}.result-content strong{display:block;font-size:12px;margin-bottom:4px}.result-content p{margin:0 0 6px;font-size:11px;color:var(--text-secondary)}.result-content small{display:block;font-size:10px;color:var(--text-secondary);margin-bottom:3px}.result-content small.errors{color:#ef4444}.notice{margin:14px 28px 28px;padding:15px;border:1px solid var(--border);background:#ff6b000d;border-radius:9px}.notice b{font-size:10px;color:var(--accent)}.notice p{margin:4px 0 0;color:var(--text-secondary);font-size:9px}footer{border-top:1px solid var(--border);background:var(--dark-secondary);padding:24px 6%;font-size:9px;color:var(--text-secondary);text-align:center;margin-top:40px}.fatal{min-height:100vh;display:grid;place-items:center;background:var(--dark-bg);padding:20px}.fatal-card{max-width:460px;width:100%;background:var(--dark-secondary);border:1px solid var(--border);border-radius:14px;padding:35px;text-align:center;box-shadow:0 15px 45px #00000080}.fatal-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#ef444426;color:#ef4444;font-weight:900}.fatal-card h1{font-size:22px;margin:15px 0 8px}.fatal-card p{font-size:12px;color:var(--text-secondary);line-height:1.6}.fatal-card button{background:var(--accent);color:#000;border:none;border-radius:7px;padding:10px 15px;font-weight:800;font-size:11px;transition:all .2s;margin-top:12px}.fatal-card button:hover{background:var(--accent-hover);transform:translateY(-1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:800px){.hero h1{font-size:44px}.controls{grid-template-columns:1fr 1fr}.primary{width:100%}.grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding:0 13px 40px}.hero{padding:45px 0 30px}.hero h1{font-size:40px}.controls{grid-template-columns:1fr;gap:12px}.cardline{align-items:flex-start;flex-direction:column;gap:8px}.grid{grid-template-columns:1fr 1fr}.validator-form{flex-direction:column;align-items:stretch}.validator-form .primary{width:100%}.validation-result{flex-direction:column}.result-icon{align-self:center}}