:root{--bg-dark: #222222;--bg-card: #333333;--bg-header: #333333;--text-primary: #ffffff;--text-secondary: #cccccc;--accent-green: #00c853;--accent-red: #ff3d00;--btn-primary: #00c853;--btn-secondary: #aaaaaa;--border-color: #444444;--font-family: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.bg-green{background-color:var(--accent-green)}.bg-red{background-color:var(--accent-red)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.p-4{padding:1rem}.py-2{padding:.5rem 0}.px-4{padding:0 1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}