.App{height:100vh}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:50px;height:50px;border:10px solid var(--primary);border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite}.spinner-container{display:grid;justify-content:center;align-items:center;height:100vh}.dark-mode{background-color:#121212}body{height:100vh;background-color:#f7f9fb}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #2196f3;--light-gray: #aaaaaa;--border-gray: #eff3f4;--dark-border-gray: #2f3336}*{margin:0;padding:0;font-family:Roboto}