*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#faf7ff;color:#2d2a3a}
header{display:flex;align-items:center;gap:20px;padding:14px 24px;background:#fff;box-shadow:0 1px 6px #0001;flex-wrap:nowrap;position:relative}
.logo{font-weight:800;font-size:20px;color:#7c4dff}.banner{background:#fff4d6;padding:6px 24px;font-size:13px}
main{padding:20px 24px;max-width:1300px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 2px 10px #7c4dff14}.card h3{margin:0 0 10px;font-size:15px;color:#6a5a8a}
.big{font-size:28px;font-weight:800}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 8px;border-bottom:1px solid #eee;text-align:left}
th{color:#888;font-weight:600}td.n,th.n{text-align:right}.badge{display:inline-block;padding:2px 9px;border-radius:12px;color:#fff;font-size:12px;font-weight:600}
.alert{padding:9px 12px;border-radius:10px;margin:6px 0;font-size:14px}.warn{background:#fff1e6;border-left:4px solid #ff8a3d}.bad{background:#ffe8ec;border-left:4px solid #ff3d6e}.ok{background:#e8fff3;border-left:4px solid #1fbf75}.info{background:#eef0ff;border-left:4px solid #6c7cff}
tr.flag td{background:#ffe8ec}tr.dup td{background:#fff6d6}.up{color:#e0245e;font-weight:700}.down{color:#1a9e5c;font-weight:700}
button,select,input{font:inherit;padding:6px 10px;border-radius:10px;border:1px solid #ddd;background:#fff}button{cursor:pointer;background:#7c4dff;color:#fff;border:none}
button.ghost{background:#f0eaff;color:#7c4dff}.bar{height:10px;border-radius:6px;display:inline-block}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}h2{margin:4px 0 14px}

.logo{flex:none;white-space:nowrap}
nav{display:flex;gap:6px;flex-wrap:nowrap;white-space:nowrap}
nav a{flex:none;padding:6px 12px;border:1.5px solid #7c4dff;border-radius:20px;text-decoration:none;color:#7c4dff;background:transparent;font-size:14px;transition:background .15s,box-shadow .15s}
nav a:hover{background:#f0eaff;box-shadow:0 2px 6px #7c4dff22}
nav a.on{background:#7c4dff;color:#fff}nav a.on:hover{background:#6a3cf0}
header.compact nav{position:absolute;visibility:hidden;pointer-events:none;left:0;top:0;width:0;overflow:hidden}
#navMenu{display:none;margin-left:auto;position:relative}header.compact #navMenu{display:block}
#navBtn{background:#7c4dff;color:#fff;border-radius:20px;padding:7px 14px;font-weight:600;white-space:nowrap}
#navList{display:none;position:absolute;right:0;top:110%;background:#fff;border:1.5px solid #7c4dff;border-radius:14px;padding:6px;min-width:200px;box-shadow:0 8px 24px #7c4dff33;z-index:10}
#navMenu.open #navList{display:block}#navList a{display:block;padding:9px 12px;border-radius:10px;color:#7c4dff;text-decoration:none}
#navList a:hover{background:#f0eaff}#navList a.on{background:#7c4dff;color:#fff}

.btnlike{background:#7c4dff;color:#fff;padding:7px 12px;border-radius:10px;cursor:pointer;font-size:14px}.ghostl{background:#f0eaff;color:#7c4dff}
.item{border-bottom:1px solid #eee;padding:6px 0}.iname{flex:1;min-width:120px}.iprice{width:90px}.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1.5px solid;border-radius:16px;padding:5px 11px;font-size:13px}
@media(max-width:600px){main{padding:14px 10px}.card{padding:12px}table{font-size:12px}th,td{padding:5px 4px}}