:root{--bg-color: #f6f8fa;--text-color: #24292f;--primary-color: #0969da;--secondary-color: #ffffff;--accent-color: #0969da;--border-color: #d0d7de;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}#root{padding:1.5rem;width:100%;box-sizing:border-box}button{cursor:pointer;border:1px solid var(--border-color);background:var(--secondary-color);color:var(--text-color);padding:.5rem 1rem;border-radius:6px;transition:all .2s}button:hover{border-color:var(--accent-color)}button.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.premium-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#238636,#2ea043)!important;color:#fff!important;border:none!important;font-weight:600;box-shadow:0 2px 4px #0003;transition:all .2s ease}.premium-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d;filter:brightness(1.1)}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#afb8c1}::-webkit-scrollbar-corner{background:#f6f8fa}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}