: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}}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0f1117;color:#f3f4f6}#root{min-height:100vh}.app{display:flex;min-height:100vh;background:#0f1117}.sidebar{width:260px;background:#151923;border-right:1px solid #232938;padding:32px 24px}.logo{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#5865f2,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin-bottom:18px}.sidebar h2{margin:0;font-size:24px}.sidebar-subtext{color:#9ca3af;margin-top:10px;font-size:14px}.main-content{flex:1;padding:36px}.topbar{margin-bottom:28px}.topbar h1{margin:0;font-size:36px}.topbar p{margin-top:8px;color:#9ca3af}.error-box{background:#3b1111;border:1px solid #7f1d1d;color:#fecaca;padding:14px 16px;border-radius:12px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:#171c27;border:1px solid #252b3a;border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000040}.stat-card h3{margin:0 0 12px;font-size:16px;color:#9ca3af;font-weight:400}.stat-card p{margin:0;font-size:32px;font-weight:700;color:#fff}.panel{background:#171c27;border:1px solid #252b3a;border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000040}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-header h2{margin:0;font-size:24px}.panel-header span{color:#9ca3af;font-size:14px}.table-wrapper{overflow-x:auto}.heatmap-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px}.heatmap-table thead{background:#202737}.heatmap-table th,.heatmap-table td{text-align:left;padding:14px 16px}.heatmap-table th{color:#d1d5db;font-size:14px;font-weight:600}.heatmap-table tbody tr{border-top:1px solid #262d3d}.heatmap-table tbody tr:hover{background:#1d2331}.heatmap-table td{color:#f3f4f6}@media(max-width:900px){.app{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #232938}.stats-grid{grid-template-columns:1fr}.main-content{padding:20px}}.success-box{background:#16a34a;color:#fff;padding:10px 14px;border-radius:6px;margin-bottom:15px;font-weight:500}