.streaks-container{display:flex;min-height:100vh;background-color:#84A4A1;color:#235055;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-content{margin-left:250px;padding:2rem;width:calc(100% - 250px)}.page-title{color:#235055;font-size:2rem;margin-bottom:.5rem}.divider{height:2px;background-color:#235055;margin-bottom:2rem}.add-habit-form{display:flex;margin-bottom:2rem}.habit-input{flex:1 1;padding:.75rem;border:2px solid #235055;border-radius:4px;margin-right:1rem;background-color:#ECECEC;color:#235055}.add-btn{padding:.75rem 1.5rem;background-color:#235055;color:#ECECEC;border:none;border-radius:4px;cursor:pointer;font-weight:700}.add-btn:hover{opacity:.9}.habits-container{padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.habits-container,.no-habits{background-color:#ECECEC;border-radius:8px}.no-habits{text-align:center;padding:2rem}.month-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.month-navigation h2{color:#235055}.nav-btn{background-color:#235055;color:#ECECEC;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.calendar{margin-bottom:2rem;overflow-x:auto}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;margin-bottom:.5rem}.day-header{text-align:center;font-weight:700;padding:.5rem;background-color:#235055;color:#ECECEC;border-radius:4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.calendar-day{background-color:white;border-radius:4px;padding:.5rem;min-height:100px;border:1px solid #ccc;position:relative}.calendar-day.empty{background-color:transparent;border:none}.day-number{position:absolute;top:5px;right:5px;font-size:.8rem;color:#235055}.habits-for-day{margin-top:20px;display:flex;flex-direction:column;gap:6px}.habit-day-item{display:flex;align-items:center;gap:6px}.habit-mark{min-width:16px;height:16px;border-radius:50%;background-color:#ECECEC;border:2px solid #235055;cursor:pointer;flex-shrink:0}.habit-mark.completed{background-color:#235055}.habit-day-name{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#235055}.habits-list{margin-top:2rem}.habits-list h3{margin-bottom:1rem;color:#235055}.habit-item{background-color:white;border-radius:4px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.habit-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.habit-name{font-weight:700;font-size:1.1rem}.habit-streak{font-weight:700;color:#ff6b6b}.progress-container{height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:#235055;transition:width .3s ease}.progress-text{position:absolute;right:5px;top:-20px;font-size:.8rem;color:#235055}