:root{--time-sync-black:#121212;--time-sync-dark-grey:#181818;--time-sync-grey:#282828;--time-sync-light-grey:#b3b3b3;--time-sync-green:#1db954;--time-sync-excellent-green:#28a745;--time-sync-yellow:#ffc107;--time-sync-orange:#fd7e14;--time-sync-red:#dc3545;--time-sync-unknown-grey:#6c757d;--time-sync-green-hover:#1ed760;--time-sync-white:#fff;--font-family:"Montserrat",sans-serif}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--time-sync-black);color:var(--time-sync-white);margin:0}.time-sync-app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--time-sync-dark-grey);border-bottom:1px solid var(--time-sync-grey);justify-content:center;align-items:center;padding:16px 32px;display:flex}@media (max-width:480px){.app-header{padding:10px 15px}}.header-content-wrapper{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.logo-wrapper{align-items:center;gap:8px;display:flex}.logo-wrapper h1{color:var(--time-sync-green);font-size:1.8rem;font-weight:700}.logo-icon{color:var(--time-sync-green);font-size:32px}.time-sync-main-content{box-sizing:border-box;flex-grow:1;width:100%;max-width:1200px;margin:32px auto}@media (max-width:768px){.time-sync-main-content{padding:20px}}@media (max-width:600px){.time-sync-main-content{max-width:100%}}@media (max-width:480px){.time-sync-main-content{padding:10px}}.time-sync-section{background-color:var(--time-sync-dark-grey);border-radius:8px;margin-bottom:32px;padding:24px}.time-sync-section h2{color:var(--time-sync-green);margin-top:0;margin-bottom:24px;font-size:1.5rem}.component-card{background-color:var(--time-sync-grey);border-radius:8px;margin-bottom:16px;padding:20px}