.node-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important;align-items:stretch!important;width:100%!important}
.node-card{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;padding:16px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.04)!important;overflow:hidden!important}
.node-card-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
.node-card-top b{display:block!important;font-size:17px!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}
.node-card-top small{display:block!important;margin-top:5px!important;color:var(--muted)!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:210px!important}
.node-card .badge{flex:0 0 auto!important;text-transform:uppercase!important;font-size:11px!important;border-radius:999px!important;padding:5px 9px!important;background:#f2f4f7!important;color:#344054!important;border:1px solid #e4e7ec!important}
.node-card .badge.online{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important}.node-card .badge.offline{background:#fef3f2!important;color:#b42318!important;border-color:#fecdca!important}.node-card .badge.unknown{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important}
.node-meta{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:10px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #edf0f3!important;min-width:0!important}
.node-meta span{color:var(--muted)!important;font-size:12px!important;font-weight:800!important}.node-meta code{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;color:#111827!important;background:transparent!important;padding:0!important}
.node-bars{display:grid!important;gap:10px!important}.node-bar{display:grid!important;gap:6px!important}.node-bar>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.node-bar span{color:var(--muted)!important;font-size:12px!important}.node-bar b{font-size:12px!important;color:#111!important;font-weight:800!important}.node-bar i{display:block!important;height:8px!important;border-radius:999px!important;background:#eef2f6!important;overflow:hidden!important}.node-bar em{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#111,#667085)!important}
.node-foot{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:auto!important}.node-foot span{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:5px 8px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #edf0f3!important;color:var(--muted)!important;font-size:12px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:760px){.node-grid{grid-template-columns:1fr!important}.node-card-top b,.node-card-top small{max-width:160px!important}}
#productsList input,#productsList select{width:100%;min-width:72px;border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:#fff;font:inherit;font-size:12px}#productsList .split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mt-10{margin-top:10px!important}#productsList td{vertical-align:top}#productsList button{white-space:nowrap}
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:rgba(15,23,42,.46);backdrop-filter:blur(8px)}.modal-card{width:min(720px,100%);max-height:88vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 26px 80px rgba(0,0,0,.22)}.modal-card .card-head{position:sticky;top:0;background:#fff;z-index:1}.modal-card input,.modal-card select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 11px;background:#fff;font:inherit}