body{margin:0;font-family:Roboto,sans-serif;background-color:#282828;color:white}.container{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#282828}.logo h1{margin:0;color:#fff;font-size:1.25rem}.search-bar{display:flex;align-items:center;width:25%;max-width:500px;border:1px solid #ccc;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:.5rem;margin:0 auto}.search-bar input{flex:1;padding:.5rem 1rem;border:none;border-radius:25px;background-color:#383838;color:white;font-size:.875rem}.search-bar input:focus{background-color:#fff;box-shadow:0 0 5px rgba(0,115,230,.5)}.search-bar input::-moz-placeholder{color:#ccc}.search-bar input::placeholder{color:#ccc}.left-sidebar{width:70px;background-color:#282828;position:fixed;top:0;left:0;height:100%;padding:1rem;overflow-y:auto;border-right:1px solid #444}.left-sidebar .left-sidebar-item{margin-top:2rem;text-align:center;cursor:pointer;color:white;transition:background-color .3s ease}.left-sidebar .left-sidebar-item:hover{background-color:#505050;border-radius:8px}.right-sidebar{flex:0 0 300px;height:100vh;padding:1rem;background-color:#f8f9fa;position:fixed;top:0;right:0;overflow-y:hidden;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.right-sidebar-content{overflow-y:auto;max-height:calc(100vh - 64px);padding:.75rem;background-color:white;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.right-sidebar-item{margin-bottom:1.5rem}.right-sidebar-title p{font-size:1.25rem;color:#1e293b;font-weight:700;margin-bottom:.5rem}.main-content{flex:1;margin-left:70px;margin-right:300px;padding:1rem;background-color:#383838;color:white}.progress-item{display:flex;align-items:center;margin-bottom:1rem}.progress-icon{margin-right:1rem;color:#007bff}.circle{width:40px;height:40px;border:2px solid #007bff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.875rem;color:white}.week-view{background-color:#282828;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;width:100%;color:white;margin-top:20px}.day{padding:.5rem;text-align:center;border:1px solid #444}.day:hover{background-color:#505050;cursor:pointer}@media (max-width:1024px){.search-bar{width:50%;margin:0 auto}.right-sidebar{width:100%;position:relative;height:auto}.main-content{margin-left:70px;margin-right:0;width:100%}}@media (max-width:768px){.header{flex-direction:column;align-items:flex-start}.left-sidebar{width:50px}.main-content{margin-left:50px;width:calc(100% - 50px)}.day{font-size:.8rem}}@media (max-width:480px){.left-sidebar{display:none}.right-sidebar{position:relative;width:100%}.main-content{margin:0;width:100%}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.popup-content{background:white;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3)}.popup-title{font-size:1.5rem;margin-bottom:1rem}.google-signin-button{background:#4285f4;color:white;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.google-signin-button:hover{background:#357ae8}