.app-container{min-height:100vh}*{transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #E60000;--primary-dark: #CC0000;--secondary-color: #FF3333;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--dark-bg: #1a0000;--dark-secondary: #2d0000;--dark-tertiary: #400000;--text-primary: #f8fafc;--text-secondary: #ffcccc;--border-color: #660000;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a0000,#2d0000,#400000);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a0000,#2d0000,#400000);color:var(--text-primary)}.spinner{width:50px;height:50px;border:4px solid rgba(230,0,0,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{margin-top:20px;font-size:18px;color:var(--text-secondary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-secondary)}::-webkit-scrollbar-thumb{background:var(--dark-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}