@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Roboto,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#f5f7fa}:root{--primary-color: #2c3e50;--secondary-color: #3498db;--success-color: #2ecc71;--warning-color: #f39c12;--danger-color: #e74c3c;--light-gray: #f8f9fa;--dark-gray: #343a40;--border-color: #dee2e6}.text-center{text-align:center}.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}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}