@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color:#0f172a;--card-bg:#1e293bb3;--accent-color:#38bdf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--danger:#ef4444;--success:#22c55e;--border-color:#ffffff1a;--glass-effect:blur(12px) saturate(180%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(at 0 0,#00264d 0,#0000 50%),radial-gradient(at 50% 0,#013 0,#0000 50%),radial-gradient(at 100% 0,#000d4d 0,#0000 50%);background-attachment:fixed;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:1rem}@media (width>=768px){.container{padding:2rem}}header{border-bottom:1px solid var(--border-color);flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.exchange-widget{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--border-color);border-radius:16px;margin-top:1rem;overflow:hidden}.exchange-toggle{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:1rem 1.2rem!important}.exchange-toggle:hover{background:#ffffff08!important;transform:none!important}.exchange-toggle .exchange-info{gap:.5rem;margin:0}.exchange-content{max-height:0;padding:0 1.2rem;transition:max-height .35s,padding .35s;overflow:hidden}.exchange-widget.open .exchange-content{max-height:500px;padding:0 1.2rem 1rem}.desktop-info{display:none}@media (width>=768px){.exchange-toggle{display:none!important}.exchange-content{max-height:none;padding:1rem 1.2rem;overflow:visible}.desktop-info{display:flex}.exchange-periods{margin-left:auto}}.exchange-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.exchange-info{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.exchange-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.exchange-rate{color:var(--text-primary);font-size:1.5rem;font-weight:700}.exchange-change{border-radius:6px;padding:.15rem .5rem;font-size:.85rem;font-weight:600}.exchange-change.up{color:#4ade80;background:#4ade801a}.exchange-change.down{color:#f87171;background:#f871711a}.exchange-periods{background:#ffffff08;border-radius:10px;gap:.25rem;padding:.2rem;display:flex}.period-btn{cursor:pointer;transition:all .2s;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:.35rem .75rem!important;font-size:.8rem!important;font-weight:500!important}.period-btn:hover:not(.active){color:var(--text-primary)!important;background:#ffffff0d!important;transform:none!important}.period-btn.active{background:var(--accent-color)!important;color:#fff!important;font-weight:600!important}.exchange-chart{border-top:1px solid var(--border-color);padding-top:.5rem}@media (width<=600px){.exchange-header{flex-direction:column;align-items:flex-start}.exchange-rate{font-size:1.3rem}}.search-filter-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;margin-bottom:1rem;overflow:hidden}.search-filter-toggle{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;border-radius:0!important;padding:.85rem 1rem!important;font-size:.95rem!important;font-weight:600!important}.search-filter-toggle:hover{background:#ffffff08!important;transform:none!important}.toggle-arrow{color:var(--text-secondary);font-size:.75rem;transition:transform .3s}.search-filter-content{max-height:0;padding:0 1rem;transition:max-height .35s,padding .35s;overflow:hidden}.search-filter-panel.open .search-filter-content{max-height:500px;padding:0 1rem 1rem}@media (width>=768px){.search-filter-toggle{display:none!important}.search-filter-content{overflow:visible;max-height:none!important;padding:1rem!important}header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:3rem}}header.simple-header{flex-direction:row;align-items:center}header h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}@media (width>=768px){header h1{font-size:2rem}}.controls-panel{width:100%}.controls-toggle{cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex;border:1px solid var(--border-color)!important;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border-radius:12px!important;padding:.85rem 1rem!important;font-size:.95rem!important;font-weight:600!important}@media (width>=768px){.controls-panel{width:auto}.controls-toggle{display:none!important}}.controls{opacity:0;flex-wrap:wrap;gap:.5rem;width:100%;max-height:0;transition:max-height .35s,opacity .35s,padding .35s;display:flex;overflow:hidden}.controls-panel.open .controls{opacity:1;max-height:500px}@media (width>=768px){.controls{opacity:1;gap:1rem;width:auto;max-height:none;overflow:visible}}.controls button{flex:calc(50% - .5rem);padding:.6rem 1rem;font-size:.9rem}@media (width>=768px){.controls button{flex:none;padding:.75rem 1.5rem;font-size:1rem}}button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #38bdf84d}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:none}.grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:1rem;display:grid}@media (width>=600px){.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}}.card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--border-color);border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@media (width>=768px){.card{border-radius:24px}}.card:hover{border-color:var(--accent-color);transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.card-image{object-fit:cover;border-bottom:1px solid var(--border-color);width:100%;height:200px}.card-content{padding:1.2rem}@media (width>=768px){.card-content{padding:1.5rem}}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em;margin-bottom:1rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width>=768px){.card-title{font-size:1.1rem}}.current-price{color:var(--accent-color);font-size:1.3rem;font-weight:700;transition:color .3s}@media (width>=768px){.current-price{font-size:1.5rem}}.price-flash{animation:2s ease-out priceGlow}@keyframes priceGlow{0%{color:#fff;text-shadow:0 0 10px #38bdf8cc}50%{text-shadow:0 0 5px #38bdf866}to{color:var(--accent-color);text-shadow:none}}.price-row{flex-wrap:wrap;align-items:baseline;gap:.25rem;margin-bottom:1rem;display:flex}.buyout-price{color:var(--text-secondary);font-size:.8rem;text-decoration:line-through}@media (width>=768px){.buyout-price{font-size:.9rem}}.meta{color:var(--text-secondary);border-top:1px solid var(--border-color);justify-content:space-between;margin-top:1rem;padding-top:1rem;font-size:.8rem;display:flex}@media (width>=768px){.meta{font-size:.85rem}}.tracker-modal{border:1px solid var(--accent-color);background:#1e293b;border-radius:20px;flex-direction:column;width:95%;max-width:500px;max-height:90vh;padding:1.5rem;display:flex;position:relative;box-shadow:0 0 50px #00000080}@media (width>=768px){.tracker-modal{border-radius:24px;width:90%;padding:2.5rem}}.modal-close-btn{cursor:pointer;z-index:10;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem;border:1px solid var(--border-color)!important;box-shadow:none!important;color:var(--text-secondary)!important;background:#ffffff14!important;border-radius:50%!important;padding:0!important;font-size:1rem!important}.modal-close-btn:hover{color:#f87171!important;background:#ef444433!important;border-color:#f87171!important;transform:none!important}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}input{border:1px solid var(--border-color);color:#fff;background:#ffffff0d;border-radius:12px;width:100%;margin-bottom:1.2rem;padding:.8rem;font-size:1rem}input:focus{border-color:var(--accent-color);background:#ffffff1a;outline:none}label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;display:block}.badge{text-transform:uppercase;border-radius:20px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}@media (width>=768px){.badge{padding:.25rem .75rem;font-size:.75rem}}.badge-active{color:#4ade80;background:#22c55e33}.badge-inactive{color:#f87171;background:#ef444433}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:.5s ease-out forwards fadeIn}.actions-bar{flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 0;display:flex}@media (width<=767px){.actions-bar>span{width:100%;margin-top:.5rem}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 0;display:flex}@media (width>=768px){.pagination{padding:2rem 0}}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{text-align:left;border-collapse:collapse;width:100%}th,td{white-space:nowrap;padding:.5rem}@media (width>=768px){th,td{padding:.75rem .5rem}}.item-description{color:#000;background-color:#fff;border-radius:8px;padding:1rem;font-size:1rem}.detail-layout{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.detail-image img{object-fit:cover;border-radius:12px;width:100%;max-height:350px}.detail-title{margin-bottom:1rem;font-size:1.15rem;font-weight:700;line-height:1.4}.detail-meta-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.detail-meta-item{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;padding:.75rem}.detail-meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem;display:block}.detail-meta-value{word-break:break-all;font-size:.95rem;font-weight:600}.detail-price-box{background:#38bdf80d;border:1px solid #38bdf833;border-radius:12px;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.detail-price-main,.detail-price-buyout{flex:auto}.detail-price-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem;display:block}.detail-price-value{color:var(--accent-color);font-size:1.3rem;font-weight:700}.detail-price-value.buyout{color:var(--text-secondary);font-size:1rem}.detail-track-btn{width:100%;margin-bottom:1.5rem;padding:1rem;font-size:1rem;background:#10b981!important;box-shadow:0 4px 15px #10b9814d!important}.detail-track-btn:hover:not(:disabled){box-shadow:0 6px 20px #10b98166!important}.detail-chart-section h3{margin-bottom:.75rem;font-size:1rem}.detail-chart{background:#1e293b;border-radius:12px;height:220px;padding:.75rem .5rem .75rem 0}.detail-description{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:1.25rem;overflow:hidden}.detail-description h2{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.75rem;font-size:1rem}.detail-description .item-description{max-width:100%;line-height:1.6;overflow-x:auto}@media (width>=768px){.detail-layout{flex-direction:row;gap:2rem}.detail-image{flex:0 0 350px;align-self:flex-start;position:sticky;top:2rem}.detail-image img{max-height:450px}.detail-info{flex:1;min-width:0}.detail-title{font-size:1.5rem}.detail-price-value{font-size:1.6rem}.detail-chart{height:300px;padding:1rem}.detail-description{padding:2rem}.detail-description h2{margin-bottom:1.5rem;font-size:1.25rem}}.item-description img{max-width:100%;height:auto}.preview-backdrop{display:none}.preview-close-btn{top:.5rem!important;right:.5rem!important}.preview-tooltip{z-index:1000;background:var(--bg-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-color);border-radius:12px;width:500px;max-width:90vw;max-height:50vh;padding:2.5rem 1rem 1rem;animation:.2s ease-out forwards fadeIn;position:fixed;overflow-y:auto;box-shadow:0 10px 40px #000c}@media (width<=767px){.preview-backdrop{z-index:999;background:#0009;display:block;position:fixed;inset:0}.preview-tooltip{border-radius:16px;width:94vw;max-width:94vw;max-height:85vh;right:3vw;top:5vh!important;left:3vw!important}}.preview-tooltip .item-description img,.preview-tooltip .item-description iframe,.preview-tooltip .item-description video{display:none!important}.preview-tooltip .item-description *{box-sizing:border-box!important;white-space:normal!important;max-width:100%!important;font-size:14px!important;line-height:1.5!important}.preview-tooltip .item-description table,.preview-tooltip .item-description tbody,.preview-tooltip .item-description tr,.preview-tooltip .item-description td{width:100%!important;height:auto!important;display:block!important}