*{box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse{animation:pulse 2s infinite}.text-success{color:#00e676}.text-error{color:#f44336}.text-warning{color:#ff9800}.text-info{color:#2196f3}.btn-primary{background:linear-gradient(45deg,#00e676,#00b248);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00e6764d}.btn-secondary{background:transparent;color:#00e676;border:2px solid #00e676;padding:10px 22px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#00e676;color:#0a0a0a}.card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;margin:16px 0;transition:all .3s ease}.card:hover{border-color:#00e676;box-shadow:0 4px 20px #00e6761a}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:16px;margin:8px 0}}