html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}a{color:inherit;text-decoration:none}:root{color:#e8eef7;background:#0b1220;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#3182ce2e,#0000 35%),linear-gradient(#08111f 0%,#0b1220 100%);min-width:1280px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:12px;padding:.9rem 1rem;font-weight:600}button:disabled{opacity:.7;cursor:wait}.secondary-button{background:#162235;border:1px solid #2d3d59}input,select{color:#edf2f7;background:#101a2d;border:1px solid #233044;border-radius:10px;width:100%;margin-top:.35rem;padding:.85rem .95rem}input[type=checkbox]{width:auto;margin:0}.table-action-row{flex-wrap:wrap;gap:.5rem;display:flex}.table-wrapper{flex-direction:column;gap:1rem;display:flex;overflow-x:auto}.toolbar-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;padding:1rem 1.2rem 0;display:grid}#root{min-height:100vh}.center-screen,.login-screen{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card,.user-card,.hint-box{background:#0f172ad6;border:1px solid #94a3b824;border-radius:18px;box-shadow:0 24px 80px #02061759}.login-card{gap:1rem;width:min(100%,520px);padding:2rem;display:grid}.inline-box{margin:0}.app-shell{grid-template-columns:320px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111fe0;border-right:1px solid #94a3b826;flex-direction:column;gap:1rem;padding:2rem;display:flex}.sidebar h1{margin:0;font-size:1.8rem}.subtitle{color:#94a3b8;margin:0}.content{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.nav-list{flex-direction:column;gap:.6rem;display:flex}.nav-button{text-align:left;background:#0f172a;border:1px solid #1f2c43}.nav-button-active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#0000}.connection-card,.user-card{background:#0f172ad6;border:1px solid #94a3b824;border-radius:18px;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.user-card span{text-transform:capitalize;color:#94a3b8}.connection-label,.metric-card span,.metric-card small,.detail-row span,.stat-card span,.empty-state,.error-box,.success-box,.mini-product-card span,.mini-product-card small{color:#94a3b8}.hero-cards,.grid.two-cols,.grid.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.hero-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.panel,.stat-card,.mini-product-card{background:#0f172ad6;border:1px solid #94a3b824;border-radius:18px;box-shadow:0 24px 80px #02061759}.metric-card{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.metric-card strong{font-size:1.6rem}.panel{overflow:hidden}.panel-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.panel-header h2{margin:0;font-size:1rem}.panel-actions{gap:.5rem;display:flex}.form-grid{gap:1rem;padding:1.2rem;display:grid}.compact-form{padding:0}.operations-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;padding:1.2rem;display:grid}.checkbox-row{align-items:center;gap:.7rem;display:flex}.button-row{gap:.75rem;display:flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.2rem;display:grid}.stat-card{flex-direction:column;gap:.35rem;padding:1rem;display:flex}.stat-card strong{font-size:1.35rem}.detail-list{flex-direction:column;gap:.9rem;padding:1.2rem;display:flex}.detail-row{justify-content:space-between;gap:1rem;display:flex}.empty-state,.error-box,.success-box,.hint-box{background:#1e293ba6;border-radius:12px;margin:1rem;padding:1rem}.operation-result-card{padding:1.2rem}.operation-result-card h3{margin-top:0}.detail-list.compact{margin-bottom:1rem;padding:0}.error-box{color:#fecaca;border:1px solid #ef444459}.success-box{color:#bbf7d0;border:1px solid #22c55e59}.hint-box{color:#cbd5e1;margin:0}table{border-collapse:collapse;width:100%}thead{background:#0f172af5}th,td{text-align:left;border-bottom:1px solid #94a3b81a;padding:.95rem 1.2rem}th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}tbody tr:hover{background:#1e293b73}tbody tr:nth-child(2n){background:#0f172a3d}input::placeholder{color:#64748b}.panel>.table-wrapper,.panel>table{padding-bottom:.4rem}.panel-description{color:#94a3b8;margin:0;padding:0 1.2rem}.mini-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.2rem;display:grid}.mini-product-card{flex-direction:column;gap:.35rem;padding:1rem;display:flex}@media (width<=1400px){body{min-width:0}.app-shell,.hero-cards,.grid.two-cols,.grid.operations-grid,.stats-grid,.mini-products,.operations-stack,.toolbar-row{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #94a3b826;border-right:0}}