@charset "UTF-8";*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}@media (max-width: 768px){.app-container{padding:10px}.app-header h1{font-size:2rem!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.bounce{animation:bounce 1s}.btn{transition:all .3s ease;position:relative;overflow:hidden}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn:active:not(:disabled){transform:translateY(0)}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.text-success{color:#27ae60}.text-warning{color:#f39c12}.text-danger{color:#e74c3c}.text-info{color:#3498db}.text-muted{color:#6c757d}.bg-success{background-color:#27ae60}.bg-warning{background-color:#f39c12}.bg-danger{background-color:#e74c3c}.bg-info{background-color:#3498db}.bg-light{background-color:#f8f9fa}.bg-dark{background-color:#343a40}