@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--primary-color: #f39c12;--secondary-color: #e67e22;--background-light: #f5f5f5;--background-dark: #333;--text-light: #333;--text-dark: #f5f5f5}body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark-mode{background-color:var(--background-dark);color:var(--text-dark)}.light-mode{background-color:var(--background-light);color:var(--text-light)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.title-bar{background-color:var(--primary-color);color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color)}.form-group{margin-bottom:1rem}.form-control{display:block;width:100%;padding:.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.dark-mode .card{background-color:#444}.progress-bar{height:8px;background-color:#eee;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease}@media (max-width: 768px){.container{padding:0 .5rem}}