:root{--bg:#020617;--card:#0f172a;--card2:#172033;--text:#fff;--muted:#94a3b8;--blue:#2563eb;--blue2:#3b82f6;--green:#22c55e;--green2:#16a34a;--orange:#f59e0b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 30%),radial-gradient(circle at top right,rgba(14,165,233,.12),transparent 30%),#020617;color:#fff;font-family:Inter,system-ui,sans-serif;margin:0;min-height:100vh;padding:0}.wrapper{margin:auto;max-width:1200px;padding:28px 16px 120px}.hero{background:linear-gradient(135deg,#172033,#0f172a);border:1px solid hsla(0,0%,100%,.06);border-radius:32px;box-shadow:0 20px 60px #00000073;overflow:hidden;padding:28px 22px;position:relative}.hero:before{background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 35%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.top{gap:18px}.logo,.top{align-items:center;display:flex}.logo{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:28px;box-shadow:0 20px 50px #2563eb59;font-size:38px;height:78px;justify-content:center;width:78px}.hero h1{font-size:34px;font-weight:900;margin:0}.hero p{color:#cbd5e1;font-size:15px;line-height:1.7;margin:8px 0 0}.filters{display:grid;gap:14px;grid-template-columns:1fr 1fr auto;margin-top:28px}.filters input{background:#020617f5;border:none;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;color:#fff;font-size:16px;font-weight:700;height:62px;outline:none;padding:0 18px}.filters button{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:18px;box-shadow:0 12px 30px #2563eb59;color:#fff;cursor:pointer;font-size:15px;font-weight:900;height:62px;padding:0 28px}.dashboard{margin-top:28px}.hidden{display:none!important}.stats{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:24px}.stat-card{background:linear-gradient(180deg,#172033,#0f172a);border:1px solid hsla(0,0%,100%,.06);border-radius:28px;box-shadow:0 18px 40px #00000059;overflow:hidden;padding:22px;position:relative}.stat-card:before{background:#ffffff0a;border-radius:50%;content:"";height:120px;position:absolute;right:-40px;top:-40px;width:120px}.stat-label{color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stat-value{font-size:42px;font-weight:900;margin-top:14px}.vendor-name{background:linear-gradient(135deg,#22c55e1f,#10b98114);border:1px solid rgba(34,197,94,.18);border-radius:28px;flex-wrap:wrap;justify-content:space-between;margin-top:30px;padding:24px}.vendor-left,.vendor-name{align-items:center;display:flex;gap:18px}.vendor-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:24px;box-shadow:0 16px 40px #22c55e47;display:flex;font-size:34px;height:72px;justify-content:center;width:72px}.vendor-title{color:#bbf7d0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vendor-value{font-size:28px;font-weight:900;margin-top:8px}.vendor-id{color:#d1fae5;font-size:14px;margin-top:6px}.item-section{margin-top:30px}.section-title{font-size:24px;font-weight:900;margin-bottom:18px}.items-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.item-card{background:linear-gradient(180deg,#172033,#0f172a);border:1px solid hsla(0,0%,100%,.06);border-radius:28px;box-shadow:0 18px 40px #00000059;padding:22px}.item-name{font-size:20px;font-weight:800;line-height:1.4}.item-id{color:#94a3b8;font-size:12px;margin-top:8px;word-break:break-word}.item-stats{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:20px}.item-mini{background:#ffffff08;border:1px solid hsla(0,0%,100%,.05);border-radius:18px;padding:14px}.item-mini-label{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.item-mini-value{font-size:24px;font-weight:900;margin-top:8px}.empty{background:#ffffff08;border:1px dashed hsla(0,0%,100%,.12);border-radius:28px;color:#94a3b8;line-height:1.8;margin-top:24px;padding:50px 20px;text-align:center}@media (max-width:768px){.wrapper{padding:20px 14px 100px}.hero{padding:22px 18px}.logo{font-size:30px;height:64px;width:64px}.hero h1{font-size:26px}.filters{grid-template-columns:1fr}.filters button{width:100%}.stats{grid-template-columns:1fr}.vendor-name{padding:20px}.vendor-value{font-size:22px}.stat-value{font-size:34px}.items-grid{grid-template-columns:1fr}}