:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#16202c,#0d1318,#101820,#0a1015,#16202c);background-size:300% 300%;animation:ambientShift 14s ease-in-out infinite;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:repeating-linear-gradient(transparent 0px,transparent 3px,rgba(120,140,160,.03) 3px,rgba(120,140,160,.03) 4px);background-size:1px 80px;animation:rain .8s linear infinite;z-index:0}@keyframes rain{0%{background-position:0 0}to{background-position:0 80px}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:radial-gradient(ellipse 2px 3px at 5% 15%,rgba(150,170,190,.15) 50%,transparent 50%),radial-gradient(ellipse 3px 4px at 12% 45%,rgba(140,160,180,.12) 50%,transparent 50%),radial-gradient(ellipse 2px 2px at 20% 80%,rgba(160,180,200,.1) 50%,transparent 50%),radial-gradient(ellipse 4px 5px at 35% 25%,rgba(130,150,170,.14) 50%,transparent 50%),radial-gradient(ellipse 2px 3px at 42% 70%,rgba(150,170,190,.11) 50%,transparent 50%),radial-gradient(ellipse 3px 3px at 55% 10%,rgba(140,160,180,.13) 50%,transparent 50%),radial-gradient(ellipse 2px 4px at 65% 55%,rgba(160,180,200,.12) 50%,transparent 50%),radial-gradient(ellipse 3px 4px at 78% 35%,rgba(130,150,170,.15) 50%,transparent 50%),radial-gradient(ellipse 2px 2px at 85% 75%,rgba(150,170,190,.1) 50%,transparent 50%),radial-gradient(ellipse 4px 5px at 92% 20%,rgba(140,160,180,.14) 50%,transparent 50%),radial-gradient(ellipse 2px 3px at 8% 60%,rgba(160,180,200,.11) 50%,transparent 50%),radial-gradient(ellipse 3px 4px at 28% 5%,rgba(130,150,170,.13) 50%,transparent 50%),radial-gradient(ellipse 2px 3px at 48% 90%,rgba(150,170,190,.12) 50%,transparent 50%),radial-gradient(ellipse 3px 3px at 72% 65%,rgba(140,160,180,.1) 50%,transparent 50%),radial-gradient(ellipse 2px 4px at 95% 50%,rgba(160,180,200,.14) 50%,transparent 50%)}@keyframes ambientShift{0%,to{background-position:0% 0%}12%{background-position:100% 25%}25%{background-position:75% 100%}37%{background-position:0% 75%}50%{background-position:50% 50%}62%{background-position:100% 0%}75%{background-position:25% 100%}87%{background-position:0% 25%}}h1{font-size:3.2em;line-height:1.1}html,body{overflow-x:hidden;width:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){body{animation:ambientShift 20s ease-in-out infinite,mobileGlow 8s ease-in-out infinite}body:before{background-image:repeating-linear-gradient(165deg,transparent 0px,transparent 4px,rgba(100,130,160,.04) 4px,rgba(100,130,160,.04) 5px);background-size:3px 100px;animation:rainDiagonal 1.2s linear infinite}body:after{animation:dropletsFloat 6s ease-in-out infinite;background-image:radial-gradient(ellipse 3px 4px at 10% 20%,rgba(150,170,190,.12) 50%,transparent 50%),radial-gradient(ellipse 4px 5px at 25% 60%,rgba(140,160,180,.1) 50%,transparent 50%),radial-gradient(ellipse 3px 3px at 45% 30%,rgba(160,180,200,.14) 50%,transparent 50%),radial-gradient(ellipse 5px 6px at 65% 75%,rgba(130,150,170,.11) 50%,transparent 50%),radial-gradient(ellipse 3px 4px at 80% 15%,rgba(150,170,190,.13) 50%,transparent 50%),radial-gradient(ellipse 4px 4px at 90% 50%,rgba(140,160,180,.1) 50%,transparent 50%)}@keyframes rainDiagonal{0%{background-position:0 0}to{background-position:50px 100px}}@keyframes dropletsFloat{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(10px) scale(1.02);opacity:.8}}@keyframes mobileGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}}.stats-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;box-sizing:border-box}.page-container{width:100%;display:flex;justify-content:center}@keyframes sectionRotate{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.stats-section{flex:0 1 500px;max-width:500px;background:radial-gradient(circle at var(--bg-x, 50%) var(--bg-y, 50%),rgba(30,45,60,.95) 0%,rgba(14,24,34,.95) 70%);background-size:200% 200%;animation:sectionRotate 10s linear infinite;padding:1.5rem;border-radius:12px;box-sizing:border-box;justify-content:space-between;border:1px solid rgba(80,110,140,.15)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:stretch}.dashboard-container{width:auto;max-width:100%;overflow-x:hidden;padding:2rem 1rem;box-sizing:border-box;text-align:center}.dashboard-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}.refresh-timer{color:#bbb;font-size:1rem;margin:0 15px}.stat-card{background-color:#27333f;border-radius:8px;padding:1rem;color:#fff;text-align:center;overflow-wrap:break-word;word-break:break-word;display:flex;flex-direction:column;justify-content:center;min-height:100px}.stat-label{font-size:.9rem;opacity:.8;margin-bottom:.5rem}.stat-value{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;transition:color .5s ease}.stat-increase{background-color:#244d2a!important;transition:background-color .5s ease}.stat-decrease{background-color:#4d1e1e!important;transition:background-color .5s ease}.stat-value.animate-increase{color:#4caf50;transition:color 5s ease}.stat-value.animate-decrease{color:#f44336;transition:color 5s ease}.stat-subtitle{font-size:.8rem;opacity:.7}.stats-title{font-size:1.5rem;margin-bottom:1rem;font-weight:700;text-align:center;color:#fff}@media (max-width: 768px){.dashboard-container{padding:1rem .5rem}.stats-wrapper{flex-direction:column;align-items:center;width:100%;padding:.5rem;box-sizing:border-box;overflow-x:hidden;gap:1rem}.stats-section{width:100%;max-width:none;padding:.75rem;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px}.stats-title{font-size:1.1rem;margin-bottom:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{background-color:#27333ff2;border-radius:8px;padding:.6rem .5rem;color:#fff;text-align:center;overflow-wrap:break-word;word-break:break-word;display:flex;flex-direction:column;justify-content:center;min-height:70px}.stat-label{font-size:.7rem;margin-bottom:.3rem;line-height:1.2}.stat-value{font-size:.9rem;font-weight:600;line-height:1.2}.stat-subtitle{font-size:.65rem}}.flop-queue-section,.flop-table-wrapper{margin:25px auto;background-color:#1f2937;padding:30px 127px;border-radius:12px;box-shadow:0 0 10px #0003;max-width:1020px;width:100%;box-sizing:border-box}.flop-title{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:20px;text-align:center}.flop-table{display:flex;flex-direction:column;gap:12px;font-family:monospace;justify-content:space-between}.flop-header,.flop-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr 1fr;padding:12px 16px;border-radius:8px}.flop-header{background-color:#374151;color:#9ca3af;font-weight:600;font-size:.95rem}.flop-row{background-color:#111827;color:#e5e7eb;transition:background-color .3s ease}.flop-address{font-family:monospace;font-size:.85rem;color:#60a5fa;word-break:break-word}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-wrapper{padding:0 280px}.pagination-controls button{background-color:#111827;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.pagination-controls span{color:#e5e7eb;font-size:.9rem}@media (max-width: 768px){.flop-queue-section,.flop-table-wrapper{padding:16px 10px;width:100%;margin:15px auto;background-color:#1f2937e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px}.flop-title{font-size:1.1rem;margin-bottom:12px}.flop-table{gap:6px}.pagination-wrapper{padding:0 10px}.flop-header,.flop-row{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;font-size:.65rem;padding:8px 6px;border-radius:6px}.flop-header{background-color:#374151cc}.flop-row{background-color:#111827e6}.flop-header span:last-child,.flop-row span:last-child{display:none}.flop-address{font-size:.6rem;word-break:break-all}.pagination-controls{gap:10px;margin-top:16px}.pagination-controls button{padding:6px 12px;font-size:.8rem}.pagination-controls span{font-size:.8rem}}.stat-history-container{background-color:#1f2937;padding:30px 40px;max-width:880px;margin:40px auto;border-radius:12px;color:#e5e7eb;text-align:center}.stat-history-title{text-align:center;font-size:1.6rem;margin-bottom:24px}.day-selector{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;font-size:.95rem}.day-selector select{background-color:#374151;color:#e5e7eb;border:none;padding:6px 12px;border-radius:6px;font-size:.95rem}.hour-block{margin-bottom:24px}.hour-label{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#93c5fd;text-align:center}.entry-list{display:flex;flex-direction:column;gap:6px;font-family:monospace;align-items:center}.stat-entry{padding:6px 12px;border-radius:6px}.stat-entry.increase{background-color:#1b3a1b;color:#4ade80}.stat-entry.decrease{background-color:#3a1b1b;color:#f87171}.stat-entry.neutral{background-color:#374151;color:#d1d5db}.stat-key{font-weight:700;color:#e0e7ff}.stat-new.text-green{color:#4ade80}.stat-new.text-red{color:#f87171}.increase-bg{background-color:#1b3a1b}.decrease-bg{background-color:#3a1b1b}.neutral-bg{background-color:#374151}.text-green{color:#4ade80}.text-red{color:#f87171}.stat-old{color:#e5e7eb}.stat-new-value{font-weight:700}.stat-diff{font-style:italic;margin-left:6px}.stat-entry{padding:6px 12px;border-radius:6px;background-color:#111827;color:#e5e7eb;width:100%;max-width:500px;text-align:center}.stat-diff{font-style:italic;font-size:.85rem;opacity:.8;margin-left:4px}.history-btn{background-color:#374151;color:#fff;padding:10px 16px;font-size:.9rem;border-radius:8px;border:none;cursor:pointer;margin:0 15px}.history-btn:hover{background-color:#4b5563}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:16px}.pagination-controls button{background-color:#374151;color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.stat-history-container{padding:16px 12px;margin:0;border-radius:0;background-color:transparent}.stat-history-title{font-size:1.2rem;margin-bottom:16px}.day-selector{flex-direction:column;gap:8px;margin-bottom:16px}.day-selector select{width:100%;max-width:200px;padding:8px 12px}.hour-block{margin-bottom:16px}.hour-label{font-size:.95rem;margin-bottom:8px}.entry-list{gap:4px}.stat-entry{padding:8px 10px;font-size:.75rem;line-height:1.4}.stat-key{display:block;margin-bottom:2px}.stat-diff{font-size:.7rem;margin-left:2px}.history-btn{padding:8px 12px;font-size:.8rem;margin:0 5px}.pagination-controls{gap:10px;margin-top:16px}.pagination-controls button{padding:6px 10px;font-size:.8rem}.pagination-controls span{font-size:.8rem}}.modal-overlay{position:fixed;top:0;left:0;background-color:#000000bf;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background:#1f2937;padding:24px;border-radius:12px;max-height:80vh;width:90%;max-width:800px;overflow-y:auto;position:relative}.close-btn{position:absolute;top:12px;right:16px;font-size:1.5rem;background:none;color:#fff;border:none;cursor:pointer}@media (max-width: 768px){.modal-overlay{z-index:10000}.modal-content{width:95%;padding:16px;max-height:85vh;border-radius:10px;background:#1f2937fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close-btn{top:8px;right:12px;font-size:1.3rem}}@keyframes navRotate{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.nav{display:flex;background:radial-gradient(circle,#1e2d3cf2,#0e1822f2 70%);background-size:200% 200%;animation:navRotate 10s linear infinite;justify-content:space-between;width:72.5%;max-width:1020px;align-items:center;border-radius:12px;padding:12px 10px;margin:0 auto;gap:12px;flex-wrap:wrap;border:1px solid rgba(80,110,140,.15)}.nav-section{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.nav h1.dashboard-title{font-size:1.4rem;color:#fff;margin:0;white-space:nowrap}.refresh-timer{font-size:.9rem;color:#bbb}.refresh-wrapper{justify-content:flex-start}.nav-end{display:flex;align-items:center;gap:10px}.nav-end.nav-section{justify-content:flex-end}@media (max-width: 768px){.nav{flex-direction:column;align-items:center;width:95%;padding:10px 8px;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav h1.dashboard-title{font-size:1.1rem;order:-1}.nav-section{width:100%}.refresh-wrapper{justify-content:center;order:1}.refresh-timer{font-size:.8rem;opacity:.8}.nav-end.nav-section{width:100%;justify-content:center;gap:8px;order:2}.nav-end button{padding:8px 14px;font-size:.8rem}}.chart-btn{background-color:#374151;color:#fff;padding:10px 16px;font-size:.9rem;border-radius:8px;border:none;cursor:pointer;margin:0 15px}.chart-btn:hover{background-color:#4b5563}.chart-modal{position:fixed;top:10%;left:10%;right:10%;bottom:10%;background:#121f30;border-radius:10px;padding:1rem;color:#fff;z-index:999;box-shadow:0 0 10px #000;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap;position:relative}.chart-selector{display:flex;justify-content:center;align-items:center;gap:12px;font-size:.95rem}.chart-selector select{background-color:#374151;color:#e5e7eb;border:none;padding:6px 12px;border-radius:6px;font-size:.95rem}.close-btn{position:absolute;right:20px;top:0;background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer}.chart-content{flex:1;border-radius:188px}.range-slider{width:100%;margin-top:24px}.range-thumb{box-shadow:0 0 8px #0f8}.range-thumb:hover{transform:scale(1.1)}.range-thumb:active{transform:scale(1.2)}.range-slider-track{height:6px;width:100%;border-radius:6px;background:#374151;position:relative}.range-slider-track-filled{position:absolute;height:100%;background:#00d97e;border-radius:6px;z-index:1}.range-slider-thumb{height:27px;width:27px;border-radius:50%;background-color:#00d97e;box-shadow:0 0 6px #00d97e;position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer}.range-slider-container{padding:0 32px;margin-top:30px;margin-bottom:10px}.range-slider-label{text-align:center;color:#ffffffe3;font-size:.85rem;margin-top:8px;-webkit-user-select:none;user-select:none;font-weight:500}@media (max-width: 768px){.chart-btn{padding:8px 12px;font-size:.8rem;margin:0 5px}.chart-modal{top:2%;left:2%;right:2%;bottom:2%;padding:.75rem;background:#121f30fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-header{flex-direction:column;gap:8px;margin-bottom:12px}.chart-header h2{font-size:1.1rem;margin:0}.chart-selector select{font-size:.8rem;padding:6px 10px;width:100%;max-width:200px}.chart-header label{font-size:.75rem}.close-btn{font-size:1.4rem;right:8px;top:8px;padding:4px 8px}.chart-content{min-height:auto;flex:1}.range-slider-container{padding:0 16px;margin-top:16px}.range-slider-thumb{height:22px;width:22px}.range-slider-label{font-size:.75rem}}.bidder-modal{background-color:#1f2937;color:#e5e7eb;padding:1.5rem;border-radius:10px;margin-top:1.5rem;border:1px solid #374151;max-width:600px;margin-left:auto;margin-right:auto;text-align:left}.bidder-modal h3{margin-bottom:12px;font-size:1.2rem;color:#93c5fd}.bidder-modal ul{padding-left:0;list-style:none;margin:0;max-height:300px;overflow-y:auto}.bidder-modal li{padding:6px 0;border-bottom:1px solid #374151;font-family:monospace;font-size:.9rem}.bidder-modal button{margin-top:1rem;background-color:#374151;border:none;padding:.5rem 1.25rem;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.bidder-modal button:hover{background-color:#1d4ed8}@media (max-width: 768px){.bidder-modal{padding:1rem;margin:1rem .5rem;max-width:none;background-color:#1f2937e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px}.bidder-modal h3{font-size:1rem;margin-bottom:10px}.bidder-modal li{font-size:.75rem;padding:5px 0;word-break:break-all}.bidder-modal button{padding:.4rem 1rem;font-size:.85rem}}