:root{--bg:#0f1720;--card:#0b1220;--muted:#9aa4b2;--accent:#60a5fa;--glass: rgba(255,255,255,.03)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#071027,#07172a);background-attachment:fixed;color:#e6eef8;-webkit-font-smoothing:antialiased}#summary{margin-bottom:2rem;background:var(--card);padding:1.5rem;border-radius:12px;border:1px solid var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#summary h2{margin-top:0;margin-bottom:1rem;color:#e6eef8;font-size:1.5rem;font-weight:600}#summary-stats{width:100%;border-collapse:collapse;background:transparent}#summary-stats th,#summary-stats td{padding:1rem;text-align:center;border:1px solid var(--glass)}#summary-stats th{background-color:var(--glass);font-weight:600;color:var(--muted);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}#summary-stats td{font-size:1.125rem;font-weight:500;color:#e6eef8}.summary-total-row{border-top:2px solid var(--accent)!important;background-color:var(--glass)!important}.summary-total-row td{font-size:1.25rem!important;font-weight:700!important;color:var(--accent)!important}.container{max-width:1100px;margin:20px auto;padding:16px}header h1{margin:0 0 12px;font-size:1.4rem}#controls{display:flex;gap:8px;margin-bottom:12px}#search{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:var(--glass);color:inherit}#charts{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:12px;border-radius:10px;margin-bottom:12px}canvas{width:100%!important;max-height:280px}#table-wrap{background:var(--glass);padding:8px;border-radius:8px;max-height:400px;overflow-y:auto}#table-wrap::-webkit-scrollbar{width:8px}#table-wrap::-webkit-scrollbar-track{background:var(--card);border-radius:4px}#table-wrap::-webkit-scrollbar-thumb{background:var(--glass);border-radius:4px;border:1px solid rgba(255,255,255,.1)}#table-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent)}table{width:100%;border-collapse:collapse}thead th{position:sticky;top:0;background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:8px;text-align:left;font-weight:600}tbody td{padding:10px;border-top:1px solid rgba(255,255,255,.03)}tr:nth-child(2n) td{background:transparent}@media (max-width:600px){thead{display:none}table,tbody,tr,td{display:block;width:100%}td{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid rgba(255,255,255,.04)}td:before{content:attr(data-label);color:var(--muted);margin-right:8px}}.muted{color:var(--muted)}.small{font-size:.9rem}#heatmap-section{background:var(--glass);padding:16px;border-radius:8px;margin-top:12px}#heatmap-section h3{margin:0 0 16px;font-size:1.1rem;color:#e6eef8}.heatmap-container{display:flex;flex-direction:column;gap:0px;overflow-x:auto;padding:8px}.heatmap-months-row{display:flex;gap:0px;margin-bottom:4px;margin-left:30px}.heatmap-month-label{font-size:.8rem;color:var(--muted);text-align:left;padding-left:2px}.heatmap-main{display:flex;gap:8px}.heatmap-days-column{display:flex;flex-direction:column;gap:2px;width:22px;padding-top:0}.heatmap-day-label{height:14px;font-size:.7rem;color:var(--muted);display:flex;align-items:center;text-align:right;padding-right:4px}.heatmap-grid{display:grid;grid-template-rows:repeat(7,14px);grid-auto-flow:column;gap:2px}.heatmap-week{display:grid;grid-template-rows:repeat(7,14px);gap:2px}.heatmap-day{width:12px;height:12px;border-radius:2px;background:#161b22;border:1px solid rgba(255,255,255,.05);cursor:pointer;position:relative}.heatmap-day[data-level="1"]{background:#0e4429}.heatmap-day[data-level="2"]{background:#006d32}.heatmap-day[data-level="3"]{background:#26a641}.heatmap-day[data-level="4"]{background:#39d353}.heatmap-tooltip{position:fixed;background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:.85rem;pointer-events:none;z-index:10000;white-space:nowrap;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1);max-width:250px}@media (max-width:600px){.heatmap-weeks{grid-template-columns:repeat(auto-fit,8px)}.heatmap-day{width:8px;height:8px}}