.app-page{@apply min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-slate-100}.app-container{@apply flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8}.app-logo{@apply h-16 w-16 bg-gradient-to-br from-primary-500 to-primary-700 rounded-xl flex items-center justify-center shadow-soft mb-6 mx-auto}.app-logo-small{@apply w-8 h-8 bg-gradient-to-br from-primary-500 to-primary-700 rounded-lg flex items-center justify-center shadow-soft}.app-card{@apply bg-white rounded-2xl shadow-soft p-8}.app-card-large{@apply max-w-md w-full space-y-8}.app-card-xl{@apply max-w-2xl mx-auto space-y-8}.app-card-danger{@apply bg-white rounded-2xl shadow-soft p-8 border-l-4 border-error-500}.app-heading{@apply text-3xl font-bold text-slate-900 mb-2}.app-subheading{@apply text-slate-600}.app-section-heading{@apply text-xl font-bold text-slate-900 mb-6}.app-subsection-heading{@apply text-lg font-semibold text-slate-900 mb-4}.app-form{@apply space-y-6}.app-field{@apply space-y-4}.app-label{@apply block text-sm font-medium text-slate-700 mb-2}.app-help-text{@apply text-xs text-slate-500 mb-2}.app-validation-text{@apply mt-1 text-xs text-slate-500}.app-input{@apply w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-colors}.app-btn-primary{@apply w-full bg-gradient-to-r from-primary-600 to-primary-700 hover:from-primary-700 hover:to-primary-800 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-200 transform hover:scale-105 shadow-soft}.app-btn-secondary{@apply w-full bg-white hover:bg-slate-50 text-slate-700 font-semibold py-3 px-6 rounded-lg transition-all duration-200 border border-slate-300 hover:border-slate-400 shadow-soft}.app-btn-danger{@apply bg-error-600 hover:bg-error-700 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-200 shadow-soft}.app-btn-link{@apply text-primary-600 hover:text-primary-700 font-medium transition-colors}.app-alert-success{@apply bg-success-50 border border-success-200 rounded-lg p-4}.app-alert-error{@apply bg-error-50 border border-error-200 rounded-lg p-4}.app-alert-warning{@apply bg-warning-50 border border-warning-200 rounded-lg p-4}.app-divider{@apply border-t pt-6}.app-center{@apply text-center}.app-icon-alert{@apply w-5 h-5 mt-0.5}.app-icon-logo{@apply w-8 h-8 text-white}.app-icon-logo-small{@apply w-5 h-5 text-white}.app-button-group{@apply flex flex-col sm:flex-row gap-4}.app-form-section{@apply space-y-4}.app-mobile-padding{@apply py-12 px-4 sm:px-6 lg:px-8}.app-auth-page{@apply min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-slate-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8}.app-auth-container{@apply max-w-md w-full space-y-8}.app-settings-page{@apply min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-slate-100 py-12 px-4 sm:px-6 lg:px-8}.app-settings-container{@apply max-w-2xl mx-auto space-y-8}*{box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{color:#333;margin-top:0}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease}.btn-primary{background-color:#007bff;color:white}.btn-primary:hover{background-color:#0056b3;text-decoration:none}.btn-secondary{background-color:#6c757d;color:white}.btn-secondary:hover{background-color:#545b62;text-decoration:none}.form-control{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:16px}.form-control:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.alert{padding:15px;margin-bottom:20px;border-radius:4px}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.progress-bar{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#28a745;transition:width 0.3s ease}.card{background:white;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.navbar{background-color:#007bff;padding:1rem 0;margin-bottom:2rem}.navbar a{color:white;margin-right:1rem}.navbar a:hover{color:#cce7ff;text-decoration:none}@media (max-width: 768px){.container{padding:0 15px}.btn{width:100%;margin-bottom:10px}}