:root{--bg-primary: #0d0f12;--bg-panel: #111417;--bg-card: #181c20;--accent: #21e6c1;--accent-2: #00aaff;--text-primary: #ffffff;--text-secondary: #9aa0a6;--success: #2bff6b;--danger: #ff3e3e;--card-radius: 14px;--card-padding: 22px;--shadow: 0 4px 12px rgba(0,0,0,.3);--font-size-large: 22px;--font-size-medium: 18px;--font-size-small: 14px}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Arial,Helvetica,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.stat-card{background-color:var(--bg-card);padding:var(--card-padding);border-radius:var(--card-radius);box-shadow:var(--shadow);margin-bottom:18px}.stat-title{font-size:var(--font-size-small);color:var(--text-secondary);margin-bottom:6px}.stat-value{font-size:var(--font-size-large);font-weight:700;color:var(--accent)}.stat-sub{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:4px}.card-container{display:flex;gap:20px;flex-wrap:wrap}.card-item{flex:1;min-width:250px}body{margin:0;background-color:#111;color:#eee;font-family:Arial,sans-serif}.app-container{display:flex;height:100vh}.sidebar{width:230px;background-color:#1a1a1a;padding:20px}.sidebar-title{color:#4bd4c8;margin-bottom:20px;font-size:1.3rem}.nav-list{list-style-type:none;padding:0;margin:0}.nav-item{margin:12px 0}.nav-item a{text-decoration:none;color:#bbb}.nav-item.active a{color:#4bd4c8;font-weight:700}.main-content{flex-grow:1;padding:30px}