:root{--bg:#0a0a0f;--panel:#141420bf;--panel-2:#12121ee6;--text:#e8e9fff5;--muted:#9b9ebce6;--accent:#7c6af5;--accent-2:#7c6af52e;--border:#7c6af547;--shadow:#00000073;--danger:#ff5d7a;--success:#42d392}html,body{height:100%}body{background:radial-gradient(1000px 700px at 20% -10%, #7c6af52e, transparent 60%), radial-gradient(1000px 700px at 100% 10%, #7c6af524, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.app-wrap{min-height:100%}.container{width:100%;max-width:1120px;margin:0 auto;padding:18px 16px 40px}.topnav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a0a0fd9,#0a0a0f8c);border-bottom:1px solid #7c6af51f;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:14px 16px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:radial-gradient(circle at 30% 30%,#7c6af5d9,#7c6af526);border:1px solid #7c6af559;border-radius:12px;width:34px;height:34px;box-shadow:0 12px 40px #7c6af540}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-link{color:var(--muted);border:1px solid #7c6af500;border-radius:12px;padding:8px 10px;transition:all .12s}.nav-link:hover{color:#e8e9fff2;background:#7c6af514;border-color:#7c6af540}.nav-link-active{color:#e8e9fffa;background:#7c6af51f;border-color:#7c6af559}.page-title{flex-direction:column;gap:6px;margin:6px 0 18px;display:flex}.page-title h1{margin:0;font-size:24px}.page-title p{color:var(--muted);margin:0;line-height:1.35}.panel{background:var(--panel);border:1px solid #7c6af52e;border-radius:18px;box-shadow:0 24px 70px #00000040}.panel-inner{padding:16px}.form-row{flex-wrap:wrap;gap:12px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:220px;display:flex}.label{color:var(--muted);font-size:13px}.input,.select,.textarea{width:100%;color:var(--text);background:#0f0f19b3;border:1px solid #7c6af52e;border-radius:14px;outline:none;padding:11px 12px}.textarea{resize:vertical;min-height:44px}.input:focus,.select:focus,.textarea:focus{border-color:#7c6af580;box-shadow:0 0 0 4px #7c6af524}.btn{color:#e8e9fffa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#7c6af51a;border:1px solid #7c6af538;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;transition:all .12s;display:inline-flex}.btn:hover{background:#7c6af529;border-color:#7c6af573}.btn-primary{background:#7c6af52e;border-color:#7c6af58c}.btn-danger{background:#ff5d7a1a;border-color:#ff5d7a59}.btn-ghost{background:0 0;border-color:#7c6af52e}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card{background:#0f0f19a6;border:1px solid #7c6af529;border-radius:18px;flex-direction:column;min-height:280px;display:flex;overflow:hidden}.card-media{background:linear-gradient(#7c6af52e,#0000 70%);height:134px;position:relative}.card-media img{object-fit:cover;opacity:.92;width:100%;height:100%}.card-body{flex-direction:column;flex:1;gap:8px;padding:12px 12px 10px;display:flex}.listing-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:720;line-height:1.2;display:-webkit-box;overflow:hidden}.listing-price{align-items:baseline;gap:8px;display:flex}.price{letter-spacing:.2px;color:#e8e9fffa;font-size:18px;font-weight:850}.currency,.muted{color:var(--muted);font-size:13px}.fair-badge{letter-spacing:.35px;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.fair-badge-below{color:#89f0bf;background:#42d39224;border-color:#42d39273}.fair-badge-fair{color:#d6d9ece6;background:#8288a629;border-color:#8288a65c}.fair-badge-above{color:#ff93a8;background:#ff5d7a26;border-color:#ff5d7a80}.pill-row{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.pill{color:#e8e9fff2;white-space:nowrap;background:#7c6af51a;border:1px solid #7c6af540;border-radius:999px;padding:6px 9px;font-size:12px}.pill-platform{background:#7c6af51f;border-color:#7c6af547}.card-footer{border-top:1px solid #7c6af51f;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.rel-time{color:var(--muted);font-size:12px}.switch{align-items:center;gap:10px;display:inline-flex}.switch input{appearance:none;cursor:pointer;background:#0f0f19a6;border:1px solid #7c6af538;border-radius:999px;outline:none;width:44px;height:26px;position:relative}.switch input:before{content:"";background:#e8e9ffd9;border-radius:999px;width:20px;height:20px;transition:all .14s;position:absolute;top:2px;left:2px}.switch input:checked{background:#7c6af52e;border-color:#7c6af58c}.switch input:checked:before{background:#e8e9fffa;transform:translate(18px)}.section-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:900px){.section-grid{grid-template-columns:380px 1fr;align-items:start}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.cards-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f0f198c;border:1px solid #7c6af524;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.table-like{flex-direction:column;gap:10px;display:flex}.notif-item{background:#0f0f198c;border:1px solid #7c6af529;border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex}.notif-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dot{background:#e8e9ff4d;border-radius:999px;width:10px;height:10px}.dot-new{background:#7c6af5f2;box-shadow:0 0 0 6px #7c6af51f}.chart-wrap{padding:10px 0 0}.subtle-row{flex-wrap:wrap;gap:10px;display:flex}.stat{background:#0f0f198c;border:1px solid #7c6af524;border-radius:16px;flex:1;min-width:150px;padding:12px}