: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;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}}.app-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100vw;background-color:#1a1a1a;color:#f0f0f0;font-family:Arial,sans-serif;padding:20px;box-sizing:border-box;position:relative}@media(max-width:768px){.app-wrapper{padding:10px;flex-direction:column}}.dashboard-wrapper{width:100%;max-width:1200px;text-align:center;margin-top:20px}.logo{max-width:220px;margin-bottom:10px}@media(max-width:768px){.logo{max-width:180px}}.container h1{margin-bottom:30px}@media(max-width:768px){.container h1{font-size:1.5rem;margin-bottom:20px}}.stats-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}@media(max-width:768px){.stats-cards{gap:10px}}.card{background-color:#222;padding:20px;border-radius:12px;width:150px;transition:background-color .3s,transform .2s}@media(max-width:768px){.card{width:calc(50% - 10px);min-width:120px;padding:15px}}@media(max-width:480px){.card{width:calc(50% - 5px);padding:12px}}.card:hover{background-color:#2a2a2a;transform:translateY(-3px)}.card-title{font-size:.9rem;color:#aaa;margin-bottom:5px}@media(max-width:480px){.card-title{font-size:.75rem}}.card-value{font-size:1.5rem;font-weight:700}@media(max-width:480px){.card-value{font-size:1.2rem}}.tabs{margin-bottom:20px}.tabs button{padding:8px 16px;margin:0 5px;border:none;border-radius:5px;background-color:#333;color:#f0f0f0;cursor:pointer;font-size:1rem;transition:background-color .2s}@media(max-width:480px){.tabs button{padding:8px 12px;margin:0 3px;font-size:.9rem}}.tabs button:hover{background-color:#444}.tabs button.active{background-color:#555}.table-container{width:100%;max-height:500px;overflow-y:auto;overflow-x:auto;border-radius:8px;background-color:#222;margin-bottom:20px}@media(max-width:768px){.table-container{max-height:400px;margin-bottom:100px}}.table-container::-webkit-scrollbar{width:10px;height:10px}.table-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:5px}.table-container::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background:#555}table{width:100%;border-collapse:collapse}@media(max-width:768px){table{min-width:600px}}thead{position:sticky;top:0;background-color:#2a2a2a;z-index:10}thead tr{border-bottom:2px solid #444}th,td{padding:12px 10px;text-align:left}@media(max-width:768px){th,td{padding:10px 8px;font-size:.9rem}}th{font-weight:700;color:#fff;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}@media(max-width:768px){th{font-size:.75rem}}tbody tr{border-bottom:1px solid #333;transition:background-color .2s}tbody tr:hover{background-color:#2a2a2a}tbody tr:last-child{border-bottom:none}.led{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.led.green{background-color:#0f0;box-shadow:0 0 5px #0f0;animation:blink 2s infinite}.led.red{background-color:red;box-shadow:0 0 5px red;animation:blink 2s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.loading{color:#ccc;font-size:1.2rem;margin-top:50px}td:first-child{font-weight:700;color:#aaa}tbody tr:nth-child(1) td:first-child{color:gold}tbody tr:nth-child(2) td:first-child{color:silver}tbody tr:nth-child(3) td:first-child{color:#cd7f32}.paper-note{position:fixed;bottom:30px;right:30px;width:200px;padding:20px;background:linear-gradient(to bottom,#e8dfc4,#d4c4a8);border-radius:3px;box-shadow:0 10px 20px #0006,inset 0 1px #ffffff4d;color:#2a2a2a;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;transform:rotate(-2deg);border:1px solid #b8a688;z-index:1000}@media(max-width:768px){.paper-note{position:relative;bottom:auto;right:auto;width:calc(100% - 40px);max-width:300px;margin:30px auto 20px;transform:rotate(0)}.paper-note:before{display:none}}.paper-note:before{content:"";position:absolute;top:-10px;right:40px;width:40px;height:20px;background:#968c7866;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.paper-note h3{margin:0 0 12px;font-size:1rem;color:#1a1a1a;border-bottom:1px dashed #888;padding-bottom:8px;text-align:center;font-weight:700}.paper-note ul{margin:0;padding:0;list-style:none}.paper-note li{margin-bottom:6px;color:#3a3a3a}.paper-note li strong{color:#000}.github-link{position:fixed;bottom:30px;left:30px;width:50px;height:50px;background-color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;text-decoration:none}@media(max-width:768px){.github-link{position:relative;bottom:auto;left:auto;margin:20px auto}}.github-link:hover{background-color:#444;transform:scale(1.1) translateY(-3px);box-shadow:0 6px 16px #0006}.github-link svg{width:28px;height:28px;fill:#f0f0f0;transition:fill .3s ease}.github-link:hover svg{fill:#fff}.modal-overlay{position:fixed;inset:0;background-color:#0000;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{background-color:#2d2d2d;border-radius:16px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@media(max-width:768px){.profile-modal{padding:20px;width:95%;max-height:90vh}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:#aaa;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-modal:hover{background-color:transparent;color:#f44;transform:scale(1.2)}.profile-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #444}.profile-username{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#f0f0f0}@media(max-width:480px){.profile-username{font-size:1.5rem}}.profile-status{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background-color:#1a1a1a;border-radius:20px;font-size:.9rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.profile-stat-card{background-color:#222;padding:15px;border-radius:10px;text-align:center;border:1px solid #333}@media(max-width:480px){.profile-stat-card{padding:12px}}.profile-stat-label{font-size:.85rem;color:#999;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:480px){.profile-stat-label{font-size:.75rem}}.profile-stat-value{font-size:1.5rem;font-weight:700;color:#f0f0f0}@media(max-width:480px){.profile-stat-value{font-size:1.2rem}}.profile-section{margin-bottom:20px}.profile-section h3{font-size:1.1rem;margin-bottom:12px;color:#f0f0f0;display:flex;align-items:center;gap:8px}@media(max-width:480px){.profile-section h3{font-size:1rem}}.profile-info-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #333}.profile-info-item:last-child{border-bottom:none}.profile-info-label{color:#aaa;font-size:.9rem}@media(max-width:480px){.profile-info-label{font-size:.8rem}}.profile-info-value{color:#f0f0f0;font-weight:500}@media(max-width:480px){.profile-info-value{font-size:.9rem}}.clickable-username{cursor:pointer;transition:color .2s}.clickable-username:hover{color:#4caf50}.profile-modal::-webkit-scrollbar{width:8px}.profile-modal::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.profile-modal::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.profile-modal::-webkit-scrollbar-thumb:hover{background:#555}