body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f3f4f6; margin: 0; padding: 0; }
.container { max-width: 1200px; margin: 0 auto; padding: 1rem; }
.btn { display: inline-block; padding: 0.5rem 1rem; border-radius: 0.25rem; text-decoration: none; cursor: pointer; border: none; }
.btn-primary { background-color: #10b981; color: white; }
.card { background: white; border-radius: 0.5rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 1.5rem; }
.text-center { text-align: center; }
.text-red { color: #dc2626; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.h-screen { height: 100vh; }