:root{--bg-main: #0f0f11;--bg-card: #18181b;--bg-sidebar: #111;--bg-header: #1a1a1a;--border-color: #27272a;--text-primary: #ffffff;--text-secondary: #a1a1aa}html.light{--bg-main: #f4f4f5;--bg-card: #ffffff;--bg-sidebar: #e4e4e7;--bg-header: #ffffff;--border-color: #d4d4d8;--text-primary: #111111;--text-secondary: #52525b}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-main);color:var(--text-primary)}.main{margin-left:240px;min-height:100vh;background-color:var(--bg-main)}.content{padding:30px}.sidebar{width:240px;background-color:var(--bg-sidebar);color:var(--text-primary);padding:20px;height:100vh;position:fixed;left:0;top:0}.sidebar-logo{margin-bottom:40px}.sidebar-link{margin:20px 0;cursor:pointer;opacity:.8}.sidebar-link:hover{opacity:1}.header{height:60px;background-color:var(--bg-header);padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:20px}.metric-card{background-color:var(--bg-card);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.metric-title{color:var(--text-secondary);font-size:14px}.metric-value{margin:10px 0}.metric-change{color:#22c55e;font-size:13px}.chart-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.chart-box{background-color:var(--bg-card);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.table-container{margin-top:40px;background-color:var(--bg-card);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.activity-table{width:100%;border-collapse:collapse}.activity-table th,.activity-table td{padding:12px 10px;text-align:left}.activity-table th{color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-color)}.activity-table tr:not(:last-child){border-bottom:1px solid var(--border-color)}.status-active{color:#22c55e}.status-inactive{color:#ef4444}