@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#58a6ff;--secondary:#238636;--accent:#f97316;--bg:#0d1117;--card-bg:#161b22;--border:#30363d;--sidebar-bg:#010409;--text-main:#c9d1d9;--text-dim:#8b949e;--success:#3fb950;--danger:#f85149;--nav-active:#1f6feb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:24px}.top-nav{background:var(--bg);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:4px;display:flex}.nav-pill{color:var(--text-dim);border:1px solid #0000;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.nav-pill:hover{color:#fff}.nav-pill.active{color:#fff;border-color:var(--primary);background:#58a6ff1a}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.stat-value{color:#fff;font-size:32px;font-weight:800;line-height:1}.dashboard-main{grid-template-columns:1fr 1fr;gap:24px;display:grid}.widget-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:32px}.widget-title{color:#fff;margin-bottom:24px;font-size:16px;font-weight:700}.breakdown-list{flex-direction:column;gap:16px;display:flex}.breakdown-item{grid-template-columns:100px 1fr 20px;align-items:center;gap:16px;display:grid}.breakdown-label{color:var(--text-dim);font-size:13px}.progress-track{background:#111;border-radius:100px;height:8px;overflow:hidden}.progress-bar{border-radius:100px;height:100%}.breakdown-val{color:var(--text-dim);text-align:right;font-size:13px;font-weight:600}.feed-list{flex-direction:column;gap:20px;display:flex}.feed-item{align-items:flex-start;gap:16px;display:flex}.feed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.feed-content{flex-direction:column;gap:2px;display:flex}.feed-user{color:#fff;font-size:14px;font-weight:700}.feed-action{color:var(--text-dim);font-size:13px}.feed-time{color:#444;margin-top:4px;font-size:11px}.slate-table{border-collapse:collapse;width:100%}.slate-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;padding:16px;font-size:12px}.slate-table td{border-bottom:1px solid var(--border);padding:16px;font-size:14px}.slate-input{border:1px solid var(--border);color:#fff;background:#010409;border-radius:6px;width:100%;padding:12px 16px}.slate-btn{color:#fff;cursor:pointer;background:#238636;border:0;border-radius:6px;padding:10px 20px;font-weight:600}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}